Joomla Templates Club 406,261 posts

[palmtop Friend palmtopJoin date: May 2011Posts: 5Downloads:0Uploads:0]

#163791

Hello,

I can’t obtain this layout for K2 item’s main image (picture on left, text wrapped around the image).

http://www.joomlart.com/demo/#templates.joomlart.com/ja_portfolio

If I add image in K2 item’s image tab I get a different layout (image on top, text below image): I can obtain demo layout only if I add a WYSISWYG image manually in article description… But I would like to use own image K2’s feature tab.

Any ideas about how can obtain the same layout of demo using K2 images, please?

Thanks
best regards
Francesco

[aman204 Friend aman204Join date: January 2010Posts: 1945Downloads:0Uploads:43 Thanks: 11 Thanked: 418 times in 356 posts]

#390503

Try change this::

span.catItemImage {k2.css (line 1021)
display:block;
margin: 0 0 8px;
text-align: center;
}

to

span.catItemImage {k2.css (line 1021)
float: left;
margin: 0 0 8px;
text-align: center;
}

Css file reference:: templates/ja_portfolio/css/k2.css

[palmtop Friend palmtopJoin date: May 2011Posts: 5Downloads:0Uploads:0]

#390526

Hello, thanks for reply. It didn’t work, but it shown me the right way to solve it.

I needed to change:

div.catItemImageBlock {padding:8px;margin:0 0 16px 0;}

to this code:

div.catItemImageBlock {padding:8px;margin:0 0 16px 0; float:left; }

and from:

.portfolio-blog div.catItemImageBlock {
margin: 0;
padding: 0;
overflow: hidden;
}


to


.portfolio-blog div.catItemImageBlock {
margin: 0;
padding: 1;
overflow: hidden;
}


Many thanks.
Francesco

[Author]

Posts