Good Morning!

Can anyone instruct me how to make the text wrap around my images in the Avanti template please? Currently, all text is displayed below my article images.

My images are 'left' justified and I would like the accompanying text to be on the right side of all images. Any help would be appreciated!

Thanks!

Hi Percy,

Its about 1am here so I wont be able to help you as much as I would like however I can offer you this

Are you aware of an editor called JCE and its a content editor alternative for joomla

www.joomlacontenteditor.net/

If you follow the link you will see straight away on the home page an image that describes exactly what you wish to achieve.

Hope that helps ya I will check later to see how you went

Cheers
Craig

It is rather K2 template issue than Avanti. It should be changed in components/comK2/templates/default/item.php file I think. I tried some modifications there and obtained good results (changed position of gallery). After last Avanti update to 1.0.3 I not sure if there are not some overwites in other files of Avanti. I am sure Anthony will explain it better .....
regards Tomasz

Hey guys,

You can use the floatleft class on images to get the images to wrap. Its set via the template css and adds a nice margin to the right of the image. Is this what you mean Percy?

Thanks Anthony

Sorry Guys, miss understood the question, below is a snippet of how it looks on my avante site

<p style="text-align: left;"><img style="margin-top: 7px;" class="border floatleft" src="images/stories/yourimage.jpg" alt="yourimage" height="135" width="270" />

Cheers
Craig

Hi Anthony,
Let me make the template css change and get back to you. I'll feel better knowing then if that's what I'm hoping to accomplish. Thanks.

Hi Craig,
I think you understood. It is do-able via JCE, but you have to set text wrap in every article. I think making the change in the css will make the margin global. Thanks for your help. I'll let you know how it goes.

Hi Thomasz,
Thanks for your suggestion. I don't believe I have K2 installed.

Good one Percy lets us know how you get on....

Hey guys,

Actually you shouldnt need to make a change. The class .floatleft i sbuilt in to the template so just referencing it in the html or via the editor dropdown menu should be enough:

.floatleft {float: left;margin-right: 20px}

Thanks Anthony