Jump to content


Photo
Resolved

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

iblogpro5

This topic has been archived. This means that you cannot reply to this topic.
3 replies to this topic

#1 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts

Posted 08 October 2012 - 01:32 PM

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

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts

Posted 08 October 2012 - 02:24 PM

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


#3 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts

Posted 08 October 2012 - 05:24 PM

LOL..How can I miss that :(

Thanks Catrina :)

#4 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts

Posted 09 October 2012 - 12:01 AM

The topic was marked as resolved.