Joomla Templates Club 406,261 posts

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

#169756

Hello,

how to change the h3, h4, h5 and h6 only in articles.

If I add lines like this (in the end of template.css)

h3 { color:#584; }
ou body h3 { color:#584; }
or h3.body { color:#584; }

The color change but everywhere.
I want to change only in the articles.I try this, but it change nothing :
.content.h3 { color:#584; }

So what can I do to add a css’s line which change only the h3 or h4 only in the artiles
Thank you in advance.

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#419806

Hi

I think you can create a new css class

.articleclass {font-face: arial; font-size: 10px;}

then in your article you can apply this code

<p class="articleclass">your text here</p>

[jneubauer Friend jneubauerJoin date: August 2011Posts: 141Downloads:0Uploads:0 Thanks: 4 Thanked: 23 times in 23 posts]

#419807

hmm – is this something you’ll be using throughout the site?
If it’s only going to be used a couple times it might be best to just have local styling.
You’re right, if you change it in the css files it is going to be changed for every instance of that in the entire site.

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

#419840

Yes I know this.
But I don’t want to add a class for each h3, h4, etc…

I think it is possible to add a css code to change automatically the h4, h3, etc, only in a article.

The properties for the ja-news featured module is :

.ja-zinfp-normal h4.ja-zintitle a {
display: block;
padding: 4px 8px;
}

The css properties for the janewspro module is :

.default .ja-zincat h3 a {
color: #FFFFFF;
}

So, how to add specifics properties for a article ??

Thank in advance.

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

#420000

Any news ??

[jneubauer Friend jneubauerJoin date: August 2011Posts: 141Downloads:0Uploads:0 Thanks: 4 Thanked: 23 times in 23 posts]

#420010

I think your reference above is exactly what Pavit was suggesting earlier.
You have two options here:

1. Add your own CSS classes, then use them whenever you want the unique styling options. You stated above that you want to do that, then when Pavit suggested it, you said you didn’t want to. So that leaves us with the second option.
2. Use local styling to modify the appearance of the item on an individual basis.

I’m not sure which of those options you want to use – they will both work fine, and may have individual pros or cons depending on your situation, how many times you want to use them, etc.

1 user says Thank You to jneubauer for this useful post

1. pavit

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#420016

jon, Pavit, could he apply a suffix to the category?

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

#421675

Where is Jon and Pavit ?

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#421688

your going to have some work to do, modules and “articles” behave differently. While its very easy to supply a suffix to a module its not for an article… HOWEVER.. there is a solution.
if you’ll look @ the image you’ll see 2 areas I’ve circled.
one is a general article class, another is a category class ( blog ) and specific article class’s… one of these will do as you request.
Again, firebug will help you tremendously here by allowing you to “play” w/o any permanent changes occurring.

---

Attachments:

1. 

[Author]

Posts