How can I change the font size of main menu bar (navigation)?

  • Author
    Posts
  • #1056783

    skyblueguy
    Member

    How can I change the font size of main menu navigation under the header image?

    I tried to add “font-size: 10px;” but it did not work:

    .main-navigation {
    background: #F2F2F2;

      font-size: 10px;

    }

    .main-navigation ul li:hover {
    background: #585858;
    }

    .sub-menu {
    background-color: #43C6DB!important;
    }

    Thanks.

    The blog I need help with is aboutwmscogchristahnsahnghong.com.

    #1056991

    You are on the right track! To change the text for the main menu in the Sight theme, you’ll want to target the links and not just the “.main-navigation” section. Here is an example:

    .main-navigation a {
    	font-size: 10px;
    }
    #1056995

    I’m a super beginner to CSS and need some help. I would also like to change the style of the main menu (just above the slider) on the Sight theme. I would like to decrease the font size, remove the line frames around each of the page links, and instead have arrows for parent pages.

    my blog is here: http://ducttapeandbubblegum.com/

    Stamp The Wax did a great job with the Sight Theme and I would like my menu to look just like theirs…
    http://www.stampthewax.com/

    Any help would be greatly appreciated!!

The topic ‘How can I change the font size of main menu bar (navigation)?’ is closed to new replies.