Support » Themes and Templates » Font Size for Tagline and Navigation Menu

  • Resolved sjgarbutt

    (@sjgarbutt)


    WP Ver.: 3.6 – Theme: Twenty Twelve – Browser: IE9 – Child Theme: Yes

    Thanks in advance for your help.

    Using Instant WordPress and public cannot access the site.

    I changed the font size for tagline and Navigation Menu and it changed back, now I cannot change it no matter what I do.

    CSS Code for Tagline:

    .site-header h2 {
    font-weight: bold;
    font-style: italics;
    font-size: 20px;
    font-size: 0.928571429rem;
    line-height: 1.846153846;
    color: #CCCC00;

    Font size is 20px but tagline font shows up much smaller. It doesn’t accept 20px any longer.

    CSS Code for Menu:

    }
    .main-navigation li {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 15px;
    font-size: 0.857142857rem;
    line-height: 1.42857143;

    Same here, font size is 15px but navigation menu font shows up much smaller. It doesn’t accept 15px any longer.

    Why? please help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Try overriding the font size with an !important tag

    example: font-size:20px !important;

    You also seem to have TWO different font-size declarations:

    font-size: 20px;
    font-size: 0.928571429rem;

    Hi,
    You have declared two font-sizes and in CSS the one which comes later is applied, So just comment the rem font-sizes or remove them.

    Cheers..:)..

    Guys – the two font sizes are the way twentytwelve is coded – see the notes in the theme stylesheet:

    /* =Notes
    --------------------------------------------------------------
    This stylesheet uses rem values with a pixel fallback. The rem
    values (and line heights) are calculated using two variables:
    
    $rembase:     14;
    $line-height: 24;

    I tried !important; but it didn’t work.

    The two font size in CSS is how Twenty Twelve theme was created.

    WPyogi, thank you very much.

    I adjusted rem and line height and the font size changed.

    I am also greatful to everyone that provided an answer.

    Cheers!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Font Size for Tagline and Navigation Menu’ is closed to new replies.