WordPress.org

Support

Support » Themes and Templates » Changing size of headings

Changing size of headings

  • 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;}
Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Michael

    @alchymyth

    Forum Moderator

    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.

    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?

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

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

    HA! It’s always the simplest solution isn’t it? Thank you. 🙂

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing size of headings’ is closed to new replies.