WordPress.org

1. TheOrganicSister
   Member
   Posted 2 years ago #
   

   I'm working with PrimePress and the headings are a little wonky.

   H1 and H2 are the same, as are H5 and H6. I'd like to make H1 bigger and H6 smaller. But I can't figure out how based on how the code is laid out.

   /*-----headings-----*/
   h1, h2, h3, h4, h5, h6{font-weight:normal; font-family:'trebuchet MS', verdana, arial, sans-serif;}
   .entry-title, .page-title{font-size:2.2em; line-height:1; margin:0.9091em 0 0;}
   .page .entry-title, .page-template .entry-title{text-align:center;}
   .page-title{text-align:center; margin-bottom:0.9091em;}
   .sidebar h2{font-size:1.5em;}
   .entry-content h1, .entry-content h2{font-size:1.5385em; line-height:1; margin:1.5em 0 0.5em;}
   .entry-content h3{font-size:1.3846em; line-height:1.1111; margin:1.66665em 0 0.55555em;}
   .entry-content h4{font-size:1.2308em; font-weight:bold; line-height:1.25; margin:1.875em 0 0.625em;}
   .entry-content h5, .entry-content h6{font-size:1em; font-weight:bold; margin:2.30775em 0 0.76925em;}

2. alchymyth
   The Sweeper & Moderator
   Posted 2 years ago #
   

   for instance:

   .entry-content h1, .entry-content h2{font-size:1.5385em; line-height:1; margin:1.5em 0 0.5em;}

   as you can see, h1 and h2 are in the same line, using the same style;
   split them into two lines, like so:
   

   .entry-content h1{font-size:1.5385em; line-height:1; margin:1.5em 0 0.5em;}
   .entry-content h2{font-size:1.5385em; line-height:1; margin:1.5em 0 0.5em;}

   then change the font size of one of them.

   same for the h5, h6 line.

3. TheOrganicSister
   Member
   Posted 2 years ago #
   

   I tried that and it looks like this:

   .entry-content h1{font-size:1.6585em; line-height:1; margin:1.5em 0 0.5em;}
   .entry-content h2{font-size:1.5385em; line-height:1; margin:1.5em 0 0.5em;}
   .entry-content h3{font-size:1.3846em; line-height:1.1111; margin:1.66665em 0 0.55555em;}
   .entry-content h4{font-size:1.2308em; font-weight:bold; line-height:1.25; margin:1.875em 0 0.625em;}
   .entry-content h5{font-size:1em; font-weight:bold; margin:2.30775em 0 0.76925em;}
   .entry-content h6{font-size:.7em; font-weight:bold; margin:2.30775em 0 0.76925em;}

   Still not working though.

   Would something else be conflicting with it?

4. govpatel
   Member
   Posted 2 years ago #
   

   Did you refresh after you made change as you may be cache.

5. TheOrganicSister
   Member
   Posted 2 years ago #
   

   Did you refresh after you made change as you may be cache.

   HA! It's always the simplest solution isn't it? Thank you. :)

6. govpatel
   Member
   Posted 2 years ago #
   

   yes there are one little thing can make you scratch your head.

Topic Closed

This topic has been closed to new replies.