Joomla Templates Club 406,261 posts

[synapsis Friend synapsisJoin date: April 2007Posts: 234Downloads:18Uploads:28 Thanks: 58 Thanked: 19 times in 1 posts]

#159897

I have a website using JA Lead that displays content in single article layout exactly as I want it to. When I display those same articles in category blog layout, the float: left that I put on the pictures does not seem to be working. Rather than wrapping the text around the right side and bottom of the image, it simply shows the picture, with all of the copy appearing below it.

I want the article and blog layouts of each article to be the same, simply back to back for the category blog layout. I’ve already set the category blog layout to single column and leading only… so now I just need to get the copy to wrap correctly.

Examples can be found at:

http://www.worstgig.com/stories-artist/q-through-z/tool
(The single article above is how I want them to look, with the text wrapping around the band image.)

http://www.worstgig.com/stories-by-category/violence
(The blog category layout above shows how the text is appearing below the image, rather than wrapping around the band image.)

The left alignment of the picture, as well as any margins or padding I assign it seem to carry over to the category blog layout, but the float does not.

Please tell me how I can tell Joomla to use the same alignment and float css on both views.

Thank you!
synapsis

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#375795

to fix this, you need to change code a little, open
templatesja_leadhtmlcom_contentcategoryblog_item.php
change

<div class="img-desc clearfix">
<?php echo $image; ?>
</div>
to:

<div>
<?php echo $image; ?>
</div>
that should make it work

[synapsis Friend synapsisJoin date: April 2007Posts: 234Downloads:18Uploads:28 Thanks: 58 Thanked: 19 times in 1 posts]

#375823

Bump. Please address this issue soon.

[synapsis Friend synapsisJoin date: April 2007Posts: 234Downloads:18Uploads:28 Thanks: 58 Thanked: 19 times in 1 posts]

#375857

Found it… apparently a clearfix attribute was being assigned to the blog category layout images, forcing a clear:right, whether I wanted one or not. This was happening in the blog_item.php file, just in case this helps anyone else.

All I did was remove the clearfix, and it works perfectly now.

Moderators may consider this thread closed.

[Author]

Posts