Floating Image "at loose"

Hi

I installed the NEWS template for joomla 2.5 which it is so a good job...

Nevertheless any article i publish the IMAGE FLOATS all the text long... even if you want to read the article it's almost impossible because the image floating hide the text making a true exercice trying to read the text in the small space available...

if i try to acess my site fraque.com with my MOBILE... the imagem makes the read an impossible mission


So what can i do?

Now i place "Image" under "hidden" option but if i publish an image it's because i want to everyone to see it... but even in this option my mobile still sees the image floating


So i want the image FIXED in only one point where i put it AND NOT FLOATING DOWN THE ARTICLE


What can i do?

tks

Hi

Can You please show me a screenshot of the problem You are talking about ? I need to see it so I will know where to look for solution.

Hi

You can see here: http://fraque.pt/index.php/cobrancas/it ... is-dividas

I want the image publish in the head... instead the image is floating all the article and people can't read the article... and if that happens in "mobile mode" the images kills definitely any possibility to read the article...


tks

Hi

Can You please show me a screenshot of the problem You are talking about ? I need to see it so I will know where to look for solution.

Hi

Looks like bootstap is adding it's style a little bit too soon. This style should be used when image is clicked. Add this to override.css to fix it.

Code: Select all

.itemImage {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    left: auto;
    margin: 0 auto 15px;
    position: relative;
    top: auto;
}


OK tks but how and where i put this code?

many tks
Fraque

Hi

Looks like bootstap is adding it's style a little bit too soon. This style should be used when image is clicked. Add this to override.css to fix it.

Code: Select all

.itemImage {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    left: auto;
    margin: 0 auto 15px;
    position: relative;
    top: auto;
}


Hi

Any css modifications should be added to override.css, but please remember to allow using override in template settings.