Hi All and thanks to joomlaworks for a grate product !!

I'm having som problem "formating" the view of my front page.... I want the item text to wrap around the item pictures if selected picture size is smaller than the colume with !

You can se it on www.hjolafolk.is what I mean there is now a article, with a small picture, but the text starts pelow, not wraping !!

-Bergur

try adding this to the image code

hspace="5" vspace="5" align="left" />

Just managed to do this by editing the CSS

/* --- Item block for each item group --- */

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

And change it to:


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

-Beggi

I've been trying to figure this out as well.. I edit site/components/com_k2/css/style.css
as you mentioned and my image is still centered with no text wrap. not sure what I'm doing wrong.

Thanks
Mark

Bergur Kristinsson said:Just managed to do this by editing the CSS
/* --- Item block for each item group --- */

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

And change it to:


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

-Beggi

I'm having this issue as well. I've edited both the k2.css and the style.cc, but to not avail. I'm desperate to have this image left-align as I don't want the students to have to manually place the images in their content. The image tab is so much more convenient and useful.

Does anyone have an idea what might be causing the edit above to not work? I'll keep looking but could really use a point in the right direction.

Hi

After latest upgtade on K2 there are some changes in the CSS layout. I did upgrate to latest version, and then my changes did reset... so I did change again. and notice a active copy of the K2.Css can be in the template CSS structure..

But to change justify of pictures, look for div.catItemImageBlock in the CSS file and change from:

div.catItemImageBlock {padding:8px;}

To

div.catItemImageBlock {float:left;padding:8px;} or right if thats what you want !!

You can see this at www.gaflarar.com www.motorhjolasafn.is and www.hjolafolk.is

You can also do the same to subCategoryImage as well.


Bergur Kristinsson said:Hi
After latest upgtade on K2 there are some changes in the CSS layout. I did upgrate to latest version, and then my changes did reset... so I did change again. and notice a active copy of the K2.Css can be in the template CSS structure..

But to change justify of pictures, look for div.catItemImageBlock in the CSS file and change from:

div.catItemImageBlock {padding:8px;}

To

div.catItemImageBlock {float:left;padding:8px;} or right if thats what you want !!

You can see this at www.gaflarar.com www.motorhjolasafn.is and www.hjolafolk.is

Thank you both for your reply. I've tried all of the above and still my image is on it's own, above the text. I tried placing a modified copy of k2.css ( with {float:left;} added) into my templates> yoo_crystal>css folder and it makes no difference either. I'm very sad that I can't get this to work. I wonder if it is the yootheme template?

do you have a link so we can take a look!

Of course internet just went down over here. Site is www.usmrunner.com go to team menu link then to our team test. Looks terrible but just threw stuff up to try left align. Thanks for helping me.