Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Change font size and line height for H1 and H2 title tag


Question

Posted · Report post

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);

}

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites

Posted · Report post

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[/code]

Share this post


Link to post
Share on other sites

Posted · Report post

LOL..How can I miss that :(

Thanks Catrina :)

Share this post


Link to post
Share on other sites