WordPress.org

Ready to get started?Download WordPress

Forums

Changing size of headings (6 posts)

  1. TheOrganicSister
    Member
    Posted 3 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 3 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 3 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 3 years ago #

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

  5. TheOrganicSister
    Member
    Posted 3 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 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic