Joomla Templates Club 406,261 posts

[scarney Friend scarneyJoin date: August 2010Posts: 123Downloads:0Uploads:11 Thanks: 8 Thanked: 5 times in 1 posts]

#164777

If I align an image in an article to the right then the text on the left overlaps across the image.

Here is a page where you can see the problem on the second image:
http://www.drcarney.com/health-news

I have also attached a screenshot.

This does not happen if I align the image to the left.

[Phill Moderator PhillJoin date: February 2014Posts: 7013Downloads:40Uploads:77 Thanks: 917 Thanked: 2206 times in 1818 posts]

#394587

Open templares>ja_ores>css>template.css line 2780 and remove the line in red below.


.blog .img_caption.right {
margin: 0;

}

then open template.css line 540 and change


.img_caption.right {
margin-left: 10px;

}

to


.img_caption.right {
margin-left: 12px;

}

[scarney Friend scarneyJoin date: August 2010Posts: 123Downloads:0Uploads:11 Thanks: 8 Thanked: 5 times in 1 posts]

#394594

<em>@phill luckhurst 244743 wrote:</em><blockquote>Open templares>ja_ores>css>template.css line 2780 and remove the line in red below.


.blog .img_caption.right {
margin: 0;

}

</blockquote>

I found that code and removed margin: 0;

But, I was not able to figure out which file you wanted me to edit for the next instructions as I did not find a template.css file with that lines you are telling me about. I found a few template.css files in the ja_ores sudirectories:

./ja_ores/core/themes/default-rtl/css/template.css
./ja_ores/css/iphone/template.css
./ja_ores/css/template.css

I also did not found the string “.img_caption.right” in any other files. I am wondering if you might know an exact path to the template.css file you refer to below. Or, if you know if maybe I have to edit a theme file since I am using light-red as my default them and then modifying it.

<em>@phill luckhurst 244743 wrote:</em><blockquote>

then open template.css line 540 and change


.img_caption.right {
margin-left: 10px;

}

to


.img_caption.right {
margin-left: 12px;

}

</blockquote>

Thank you so much for responding!

BTW, I did do the first step you recommended and it was an improvement but I do want to add the extra couple pixels of padding you outliined in the second step. !

Sean Carney

[Author]

Posts