Hello

I would like to align the image in each item to the left/right in Category view and the actual item.... please can you assist me in doing so? i have tried searching for it in the forum..
Thanks

Anyone?

Forum Search should had helped.

Use this :

In the style.css search the div-Tag called

div.catItemImageBlock

put in :
{float:left;}

... and the text is right of the pic.

greets

Thank you so much!

Troponin said:Forum Search should had helped.
Use this :

In the style.css search the div-Tag called

div.catItemImageBlock

put in :
{float:left;}

... and the text is right of the pic.

greets

hello, i make the change in css for the imageblock Left
but i don't undestand what i must to change when you say "... and the text is right of the pic."

i must to change something inside the css? in the div.itemFullText ?
thank you

k2.css

Component: Item view

div.itemImageBlock {padding:8px;margin:0 16px 16px 0;}
span.itemImage {display:block;text-align:left;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;}

div.itemIntroText {color:#444;font-size:18px;font-weight:bold;line-height:24px;padding:4px 0 12px 0;}
div.itemIntroText img {padding:2px;margin:4px;background:#fff;border:1px solid #ccc;}

div.itemFullText {}
div.itemFullText h3 {text-align:left; margin:0;padding:16px 0 4px 0;}
div.itemFullText p {}
div.itemFullText img {padding:2px;text-align:left; margin:4px;background:#fff;border:1px solid #ccc;}

Manalo,
What Troponin is saying is:

Look for css div.catItemImageBlock
Add in the list: float:left;

He means, that by doing this, the image floats left and the text will appear to the right.
You do not need to change anything in itemFullText.

Let me know if you need further help.

Simon
K2 Support

hi simon

i don't speak good english and and probably did not tell well

in the Category view options it's all ok, my image is in the left position and the and the text is right of the pic.
but
in the Item view options my image is in the left position BUT my text is below to image
i want (in the Item view options) my text to start from begin of article in the left or right of image.

like this
how can i doing that?

thank you very much

Do you have a link to the site, or is it local host?

Simon
K2 Support

manolo said:hi simon
i don't speak good english and and probably did not tell well

in the Category view options it's all ok, my image is in the left position and the and the text is right of the pic.
but
in the Item view options my image is in the left position BUT my text is below to image
i want (in the Item view options) my text to start from begin of article in the left or right of image.

like this
how can i doing that?

thank you very much

It would be nice to have this as an option in the front-end :)

Hi,

can you please explain where I'll find the correct file where to add the

{float:left;}

Where is the style.css file?

 

Thanks!

Amy