Search code examples
csswordpressfontssize

Change font size and weight of text in navigation menu on WordPress

I am looking to change the font size and weight of the navigation menu items on my WordPress site, I am using The Company theme, but I can't seem to figure out the CSS required

My site is www.thepowerwithin.org.uk

I am looking to make the items in the main menu at the top bigger and bold

Solution

  • I have reviewed your question. I think you want to apply CSS only on main-menu anchor text not on sub-menu anchor text. If I am right then you can do as:

    ul.menu:not(.sub-menu) > li > a {
    font-size: 16px;
    font-weight: bold;
}

    You should use children-selector > to apply CSS only on the direct children of ul

    When use ul.menu:not(.sub-menu) it ignores sub-menu ul of li.