On my old joomla 1.5.23 site I had to edit this line in /components/com_k2/css/style.css so my images floated left of the text:

 

div.itemImageBlock {padding:8px;margin:0 0 16px 0;float:left;}    span.itemImage {display:block;text-align:center;margin:0 0 8px 0;}    span.itemImage img {border:0px solid #ccc;padding:8px;}    span.itemImageCaption {color:#666;float:left;display:block;font-size:11px;}    span.itemImageCredits {color:#999;float:right;display:block;font-style:italic;font-size:11px;}

 

 

 


I edited it in the vers. 2.5 style.ccs to look like this:

 

div.itemImageBlock {padding:8px;margin:0 0 16px 0;float:left;}    span.itemImage {display:block;text-align:center;margin:0 0 8px 0;}    span.itemImage img {border:1px solid #ccc;padding:8px;}    span.itemImageCaption {color:#666;float:left;display:block;font-size:11px;}    span.itemImageCredits {color:#999;float:right;display:block;font-style:italic;font-size:11px;}

This line doesn't seem to work with vers. 2.5 (SVN)

 


This doesn't seem to work.

 

All my item images are centered. I want them left of my text.

 

any ideas please?

Could you provide a link to that page? You might have a CSS conflict between K2 and your template, or a tag that hasn't closed properly, etc.

Sorry for the delay. Here you go:

www.fintan-gastro-consulting.ch/JungfrauEdit1_7/index.php/en/events/featured-events

 

This is the joomla 1.5.x site:

www.jungfrau-guide.ch/JungfrauEdit/index.php?option=com_k2&view=itemlist&layout=category&task=category&id=1&Itemid=292&lang=en

 

If you need more info I will be happy to supply.

 

The css you have changed is for the item page and not the category list page. Locate catItemImageBlock in the k2.css and make the appropriate changes there.

Okay got that, but now my text is still below the image, not next to it. what else do I need to edit?

Put the float:left in the catItemImageBlock.

This is what I have:

 

div.catItemImageBlock {padding:8px;margin:0 0 16px 0;}    span.catItemImage {display:block;float:left;text-align:center;margin:0 0 8px 0;}    span.catItemImage img {border:1px solid #ccc;padding:8px;}

 

images are now left but the text is still below the image, not next to the image.

Just make this:

div.catItemImageBlock {padding:8px;margin:0 0 16px 0;float:left;}    span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;}    span.catItemImage img {border:1px solid #ccc;padding:8px;}

Great, thanks very much :)