WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Font Size for Tagline and Navigation Menu (6 posts)

  1. sjgarbutt
    Member
    Posted 8 months ago #

    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!

  2. Evan Herman
    Member
    Posted 8 months ago #

    Try overriding the font size with an !important tag

    example: font-size:20px !important;

  3. Evan Herman
    Member
    Posted 8 months ago #

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

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

  4. wp-21
    Member
    Posted 8 months ago #

    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..:)..

  5. WPyogi
    Volunteer Moderator
    Posted 8 months ago #

    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;
  6. sjgarbutt
    Member
    Posted 8 months ago #

    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!

Reply

You must log in to post.

About this Topic