Keyword

Position text alongside the image

  • Caroline Moorhouse
  • Caroline Moorhouse's Avatar Topic Author
  • Offline
  • Junior Member
More
11 years 1 week 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

Please Log in or Create an account to join the conversation.

  • Yiota
  • Yiota's Avatar
  • Visitor
11 years 1 week 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.

Please Log in or Create an account to join the conversation.

  • Caroline Moorhouse
  • Caroline Moorhouse's Avatar Topic Author
  • Offline
  • Junior Member
More
11 years 1 week 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

Please Log in or Create an account to join the conversation.

More
11 years 6 days ago - 11 years 6 days 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.

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum