Jump to content


Photo
Resolved

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

iblogpro5

  • Please log in to reply
3 replies to this topic

#1 manojgupta26

manojgupta26

    Super Member

  • Members
  • 144 posts
  • Country: Country Flag

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
  • LocationCalifornia
  • Country: Country Flag

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
  • Country: Country Flag

Posted 08 October 2012 - 05:24 PM

LOL..How can I miss that :(

Thanks Catrina :)

#4 mackenzie

mackenzie

    Advocate

  • Members
  • 333 posts
  • Country: Country Flag

Posted 09 October 2012 - 12:01 AM

The topic was marked as resolved.





Also tagged with one or more of these keywords: Resolved, iblogpro5