- Posts: 3
COMMUNITY FORUM
Algin Images to the Left/Right
- Niko Koshiaris
- Topic Author
- Offline
- New Member
Less
More
14 years 9 months ago #75940
by Niko Koshiaris
Algin Images to the Left/Right was created by Niko Koshiaris
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
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
Please Log in or Create an account to join the conversation.
- Niko Koshiaris
- Topic Author
- Offline
- New Member
Less
More
- Posts: 3
14 years 9 months ago #75941
by Niko Koshiaris
Replied by Niko Koshiaris on topic Algin Images to the Left/Right
Anyone?
Please Log in or Create an account to join the conversation.
- troponin
- Offline
- Platinum Member
Less
More
- Posts: 398
14 years 9 months ago #75942
by troponin
Replied by troponin on topic Algin Images to the Left/Right
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
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
Please Log in or Create an account to join the conversation.
- Niko Koshiaris
- Topic Author
- Offline
- New Member
Less
More
- Posts: 3
14 years 9 months ago #75943
by Niko Koshiaris
Replied by Niko Koshiaris on topic Algin Images to the Left/Right
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
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
Please Log in or Create an account to join the conversation.
- ELEFTHERIOS MANOLIS
- Offline
- Junior Member
Less
More
- Posts: 28
14 years 5 months ago #75944
by ELEFTHERIOS MANOLIS
Replied by ELEFTHERIOS MANOLIS on topic Algin Images to the Left/Right
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;}
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;}
Please Log in or Create an account to join the conversation.
- Simon Wells
- Offline
- Platinum Member
Less
More
- Posts: 955
14 years 5 months ago #75945
by Simon Wells
Replied by Simon Wells on topic Algin Images to the Left/Right
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
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
Please Log in or Create an account to join the conversation.
- ELEFTHERIOS MANOLIS
- Offline
- Junior Member
Less
More
- Posts: 28
14 years 5 months ago #75946
by ELEFTHERIOS MANOLIS
Replied by ELEFTHERIOS MANOLIS on topic Algin Images to the Left/Right
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
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
Please Log in or Create an account to join the conversation.
- Simon Wells
- Offline
- Platinum Member
Less
More
- Posts: 955
14 years 5 months ago #75947
by Simon Wells
Replied by Simon Wells on topic Algin Images to the Left/Right
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
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
Please Log in or Create an account to join the conversation.
- Joey H
- Offline
- New Member
Less
More
- Posts: 2
14 years 4 weeks ago #75948
by Joey H
Replied by Joey H on topic Algin Images to the Left/Right
It would be nice to have this as an option in the front-end :)
Please Log in or Create an account to join the conversation.
- mattian
- Offline
- Senior Member
Less
More
- Posts: 64
13 years 4 months ago #75949
by mattian
Replied by mattian on topic Algin Images to the Left/Right
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
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
Please Log in or Create an account to join the conversation.