- Posts: 21
COMMUNITY FORUM
Position text alongside the image
- Caroline Moorhouse
-
Topic Author
- Offline
- Junior Member
Less
More
11 years 7 months ago #118786
by Caroline Moorhouse
Position text alongside the image was created by Caroline Moorhouse
Hi
Within the item view, is it possible to get the text to wrap to the right of the image. I only seem to be able to get it sit underneath the image
I had read through various forum postings but not having any luck
Any help would be great
thank you
Caroline
Within the item view, is it possible to get the text to wrap to the right of the image. I only seem to be able to get it sit underneath the image
I had read through various forum postings but not having any luck
Any help would be great
thank you
Caroline
Please Log in or Create an account to join the conversation.
- Yiota
-
- Visitor
11 years 7 months ago #118787
by Yiota
Replied by Yiota on topic Re: Position text alongside the image
You need to write some CSS in order to achieve this.
Open your template's css file and add
.itemImageBlock {float:left;margin:0 20px 10px 0;}
or if you are using k2.css and see it in your template's css folder you can just locate the above class and add the two properties mentioned.
Open your template's css file and add
.itemImageBlock {float:left;margin:0 20px 10px 0;}
or if you are using k2.css and see it in your template's css folder you can just locate the above class and add the two properties mentioned.
Please Log in or Create an account to join the conversation.
- Caroline Moorhouse
-
Topic Author
- Offline
- Junior Member
Less
More
- Posts: 21
11 years 7 months ago #118788
by Caroline Moorhouse
Replied by Caroline Moorhouse on topic Re: Position text alongside the image
Sorted - thank you so much - this float the image to the left.
Although i did need to do one other thing for anyone else reading this. Against the div.ItemFullText I added {float: right: width: 300px}
This forced the text to the right of the image
thank you again
Caroline
Although i did need to do one other thing for anyone else reading this. Against the div.ItemFullText I added {float: right: width: 300px}
This forced the text to the right of the image
thank you again
Caroline
Please Log in or Create an account to join the conversation.
- J Davies
-
- Offline
- New Member
Less
More
- Posts: 5
11 years 7 months ago - 11 years 7 months ago #118789
by J Davies
Replied by J Davies on topic Re: Position text alongside the image
Hi Caroline,
There is an excellent little plugin I have found that works wonders when used in conjunction with K2. The plugin is called JCE and expands on the editing tools used in article writing (it adds functions to the toolbar at the top of the article editor). One of the functions of this is that if you include some of your images actually within the text of the article rather than through the K2 image thing you can use the image editor from the toolbar to align the image that will automatically wrap the text for you as well. There is no need to edit any code with this method.
The link to the plugin is as follows:
extensions.joomla.org/extensions/edition/editors/88
Hope this helps.
There is an excellent little plugin I have found that works wonders when used in conjunction with K2. The plugin is called JCE and expands on the editing tools used in article writing (it adds functions to the toolbar at the top of the article editor). One of the functions of this is that if you include some of your images actually within the text of the article rather than through the K2 image thing you can use the image editor from the toolbar to align the image that will automatically wrap the text for you as well. There is no need to edit any code with this method.
The link to the plugin is as follows:
extensions.joomla.org/extensions/edition/editors/88
Hope this helps.
Please Log in or Create an account to join the conversation.