Joomla Templates Club 406,261 posts

[waratah Friend waratahJoin date: September 2014Posts: 36Downloads:0Uploads:2 Thanks: 12]

#201299

Currently, if I add a message box alongside an image, the box frame extends all the way behind the image. The text wraps nicely into the available space. Is there any way I can get the frame to be narrowed horizontally so it doesn’t go behind the image?

---

Attachments:

1. 

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#549510

If you need your layout to look something like the attached image, please use my css fix

1. Go to this File: /templates/ja_social/css/template.css

Add this code

.clsp {
width: 40%;

}

div.img_caption img {
width: 92%;

}

2. Go to the article content and replace this text in your article content

<p class="ja-typo-box box-hilite-1">
You get this, right? <strong>
11% of all litigated injuries are responsible for 78% of all work comp costs...</strong></p>

with

<p class="ja-typo-box box-hilite-1 clsp">
You get this, right? <strong>
11% of all litigated injuries are responsible for 78% of all work comp costs...</strong></p>

I have just added a class clsp to the <p>

---

Attachments:

1. 

1 user says Thank You to chavan for this useful post

1. waratah

[waratah Friend waratahJoin date: September 2014Posts: 36Downloads:0Uploads:2 Thanks: 12]

#549976

So clever! And simple 🙂

Changing the width of the div.img_caption img seems to have solved my other problem with the image widths.

Thank you 😎

[Author]

Posts