Joomla Templates Club 406,261 posts

[tgtff Friend tgtffJoin date: April 2009Posts: 42Downloads:4Uploads:1 Thanks: 10 Thanked: 2 times in 1 posts]

#150437

Hi, probably something very quick and easy to fix…

On my website in Blog page format, the message text and image are overlapping e.g. http://www.glasscommunity.com/products/product-reviews-tools – where it says “Want to tip…”

I figured out the element to modify was p.message in typo.css but after fiddling with margins and padding I can’t see to get the text to move to the right so it isn’t overlapping the arrow image below.

Any ideas please?

thank you

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#340766

Dear tgtff!

Please add the following css into the template.css file

#ja-current-content img {
margin:0 5px 0 0px !important;
}

GOod luck

[tgtff Friend tgtffJoin date: April 2009Posts: 42Downloads:4Uploads:1 Thanks: 10 Thanked: 2 times in 1 posts]

#340960

Thanks for this. That codes works perfectly for Section blog layout (e.g. http://www.glasscommunity.com/articles/artist-interviews) however the overlap still seems to occur for Category blog layouts (e.g. http://www.glasscommunity.com/products/product-reviews-consumables).

Do I need to modify that code for category blog layouts too?

thank you

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#341043

Dear tgtff!

Those links have not any images, so that i could not have a closer on the issue please kindly check again

Thanks

[tgtff Friend tgtffJoin date: April 2009Posts: 42Downloads:4Uploads:1 Thanks: 10 Thanked: 2 times in 1 posts]

#341092

Sorry I don’t understand – both of those links have images: the image is on the left hand side – it is a blue arrow underneath each article and the text overlaying the image starts with “Want to Tip the Author…”

[Author]

Posts