3 replies to this topic

[manojgupta26]

Is there any way to conveniently change font size and line height for H1, H2, H3 and H4 title tag separately. I tried using firebug but they all interfere with each other. For example when I change H4 title (used in sidebar), it changes H2 tag properties of homepage.

Please suggest how can I handle this..


/*Change Font Size for H4 Title Headings*/
h4, .entry-title, .entry-title a {
color: #222222;
font-size: 15px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}
/*Change Font Size for H1 Title Headings*/
h1, .entry-title, .entry-title a {
color: #222222;
font-size: 26px;
line-height:1.0em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}

/*Change Font Size for H2 Title Headings*/
h2, .entry-title, .entry-title a {
color: #222222;
font-size: 26px;
line-height:1.0em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.15);
}

[catrina]

Your CSS has a comma and spacing error for each heading you're trying to adjust:

 h4, .entry-title, .entry-title a

You have a comma and a space immediately after h4 when there shouldn't be either of them at all. Correct like this:

 h4.entry-title, .entry-title a

[manojgupta26]

LOL..How can I miss that

Thanks Catrina

[mackenzie]

The topic was marked as resolved.