change the size (and the color) of my titles

Hi,
I would like change the size (and the color) of my titles (H2, H3...) please tel me what is the code i have to put in custom CSS.

Regards
Thierry

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

h1, h2, h3, h4, h5, h6{
color:red!important;
font-size:25px!important;
}

 

Hi Gourav
thanks for your answer.
however i'd like to change the size separatedly (ei. 22px for H1 then 20px for H2 ...)
one more question : the mention : ! important : what does that mean ? compulsory to put it ?

regards

 

Hello,
"! important" means, essentially, that 'this is important, ignore subsequent rules, and any usual specificity issues, apply this rule!' .

For more info, follow the link given below
http://coding.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/

If you want separate code instead of the above given code then you can paste the code given below in Custom CSS
(Appearance > Theme Option > Styling Option > Custom CSS)

Code:

h1{
color:red!important;
font-size:22px!important;
}
h2{
color:red!important;
font-size:20px!important;
}
h3{
color:red!important;
font-size:18px!important;
}
h4{
color:red!important;
font-size:16px!important;
}
h5{
color:red!important;
font-size:14px!important;
}
h6{
color:red!important;
font-size:12px!important;
}

This will solve your issue.