Joomla Templates Club 406,261 posts

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#170621

How to wrap text/content around images? The sizes of the images each article are not the same. I wish to reduce the spaces around them.

Please advice. Thanks. See attached image.

---

Attachments:

1. 

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#424264

Greetings:

Can you provide the url of the site you are working on so we can take a look?

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#424277

Here is the link

I wish the content/text wrap around images no matter what size the photos are.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#424279

<em>@guap 282230 wrote:</em><blockquote>Here is the link

I wish the content/text wrap around images no matter what size the photos are.</blockquote>
Can you do me a favor and temporarily set “Optimze CSS” to “No” within your Template Manager-Global Settings ?

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#424285

its set to “NO”

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#424286

Open style.css file – within path plugins/content/plg_jathumbnail/style.css

at line 13, you will see . . .


.ja-thumbnailwrap { margin: 15px 0; }


.thumb-left { float: left; margin-right: 15px; }
.thumb-right { float: right; margin-left: 15px; }


Adjust the margin-left and margin-right parameters to adjust the space around the thumbnail image.
(note: you can even use negative values if you want (i.e. margin-right: -10px) )

May take a bit of trial-and-error … but when you’ve made your modifications, save your changes … clear cache … refresh page.

Let me know if that works for you.

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#424287

Is “Optimize CSS” set to “join & minify.. Some of the banners and ads are missing and not showing.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#424289

<em>@guap 282247 wrote:</em><blockquote>Is “Optimize CSS” set to “join & minify.. Some of the banners and ads are missing and not showing.</blockquote>
I would not know this, since I do not have access to your site administration. Once you make the modifications as described above – and you’re happy with them – you can set “Optimze CSS” to whatever setting you like.

[guap Friend guapJoin date: March 2008Posts: 408Downloads:16Uploads:109 Thanks: 99 Thanked: 8 times in 2 posts]

#424292

Do I have to set it to NO while modifying the Css? The website looks off if I set it to “NO”.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#424294

<em>@guap 282252 wrote:</em><blockquote>Do I have to set it to NO while modifying the Css? The website looks off if I set it to “NO”.</blockquote>
No . . . I just needed it set to “No” so I could identify the proper CSS for you to modify.

[Author]

Posts