Need help? Check out our Support site, then


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

  1. 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.

  2. 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;
    }
  3. juliegustafson
    Member

    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!!

Topic Closed

This topic has been closed to new replies.

About this Topic