Joomla Templates Club 406,261 posts

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#169262

Hello,
when you place the following tag:

<p class="ja-typo-box box-grey-1">

It passes below the icon Ja thumbnail instead of being justified.
See screenshot for more understanding.

What can I do you to fix it ?

Thank in advance.

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#416696

Hi
I guess your image inside <p> tag with class as you mention above ?
May i have a sample URL ?
Thank you
Viet Vu

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#416701

I put a example link in the following ticket : VQG-665-67912

Thank in advance for your help

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#416722

<em>@dieudonne 272713 wrote:</em><blockquote>I put a example link in the following ticket : VQG-665-67912

Thank in advance for your help</blockquote>
Hi,
You find this code from /templates/ja_teline_iv/css/typo.css

p.box-grey-1 {
background: #F7F7F7;
border-color: #DDD;
width: 56%; < add this line
}

1 user says Thank You to khoand for this useful post

1. dieudonne

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#416755

Thank, it’s working, but there is a problem.

Sometimes I have this class after the picture of jathumbnail. And this is a problem…see my screenshot for more understanding.

I don’t want to have 2 class for the same thing. It is not really good.
So is there a another solution ?

Thank in advance.

update : why the text stop before the picture on the right and not the “box-grey-1” class ?

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#416786

You try this way: you edit the article and replace


<p class="ja-typo-box box-grey-1">Ensemble avec le Fonds du Logement (le Maître d’ouvrage), le CIRÉ et la Maison de Quartier Bonnevie, ces familles aux revenus modestes ont pu devenir propriétaires. Un immeuble rayonnant qui est non seulement passif mais aussi exemplaire par le choix des matériaux...</p>
with


<p class="ja-typo-box box-grey-1 width56">Ensemble avec le Fonds du Logement (le Maître d’ouvrage), le CIRÉ et la Maison de Quartier Bonnevie, ces familles aux revenus modestes ont pu devenir propriétaires. Un immeuble rayonnant qui est non seulement passif mais aussi exemplaire par le choix des matériaux...</p>
After that, you add this code into /templates/your_template/css/template.css


p.box-grey-1.width56 {
width: 56%;
}


[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#416843

Hello,

ok I’ll try it, but I need to understand : why the text stop before the picture on the right and not the “box-grey-1” class ?

Is there a other solution which ‘ll work with all the class included in the css “typo.css” ?

[Blaine Friend BlaineJoin date: August 2007Posts: 1443Downloads:0Uploads:25 Thanks: 98 Thanked: 177 times in 154 posts]

#416867

Hi dieudonne!
I received the ticket and viewed the site in all browsers and it looks fine.
Is this resolved?

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#416976

No. cfrt last post !

<blockquote>Hello,

ok I’ll try it, but I need to understand : why the text stop before the picture on the right and not the “box-grey-1” class ?

Is there a other solution which ‘ll work with all the class included in the css “typo.css” ? </blockquote>

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#416986

<em>@dieudonne 273077 wrote:</em><blockquote>No. cfrt last post !</blockquote>
Sorry my mistake… you add this code into /templates/ja_teline_iv/css/typo.css

p.box-grey-1.width56 {
width: 56%;
}

[dieudonne Friend dieudonneJoin date: January 2011Posts: 947Downloads:61Uploads:266 Thanks: 452 Thanked: 107 times in 3 posts]

#416991

Yes it works with this solution.

But I do not want to change the code every time I’m going to use a class from typo.css …

So (again) :

<blockquote>Why the text stop before the picture on the right and not the “box-grey-1” class ?

Is there a other solution which ‘ll work with all the class included in the css “typo.css” ? </blockquote>

Update : I updated the ticket VQG-665-67912 with a new example link.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#418164

Hi dieudon,

<blockquote>Why the text stop before the picture on the right and not the “box-grey-1” class ?</blockquote>

That is a default feature of the css in the way it working, you can add below css into the file of templates/ja_teline_iv/css/typo.css

p.ja-typo-box {
width: 56%;
}

That would help to reduce the width size of all kind of ja-typo-box

[Author]

Posts