Dear friends at JomSocial...

I use a Cookbook module called YooRecipe and they are blaming this floating image on your CSS in the Socialize template with the bootstrap of Joomla 3.3. I'm not as familiar with templating and CSS (hence is why I purchased socialize) can you please let me know what can be done to rectify this. I am rebuilding my site in Joomla 3.3 for future compatibility and am going to be reloading everything.

Here is a link to the floating image problem.

sw-louisville.net/index.php/cookbook/rec...-buttermilk-biscuits

In fact, Joomla used the 'modal' class for quite a long time. Unfortunately, bootstrap also uses this css class, and so does your template.
Most of the time, there is no problem, as long as your template does not override some code regarding the modal class.

Hi Allen,
Please download our latest socialize template version 1.2.8 and install over existing one.
Hopefully the problem will not be there as the change log says socialize.jomsocial.com/change-log
Let me know if the problem still exist.
Thanks

I might have found a bug in the 1.27 template... I just checked a few minutes ago and it's still saying it's the latest release.

Whoah... backup ... just installed 1.28 and it still has the floater.

It's an issue with bootstrap and the css key "modal"

Element:
<A class="modal" href="/images/com_yoorecipe/850/picAS2Onn.protected.jpg" >

I don't think it is resolved if you can please examine it a bit closer I would greatly appreciate.

Allen

Here's what it looks like under the plain theme "Protostar" and how it should look under yours.

Has this been reviewed further?

Hi Allen,
Sorry for the delay.
Here is the css fix

.hrecipe a.modal {
  position: static;
  left: 0;
  display: block;
  width: auto;
  margin-left: 0;
  border: none;
  box-shadow: none;
}

Everything works perfectly wish you guys lived closer to Louisville, KY cooking up a great breakfast tomorrow would bring you some. I appreciate all you guys do. You are the most awesome people to work with.

Allen