Menu Font Colours

  • Unknown's avatar
    cmcclory · Member ·

    I’m using the Stratford theme for my website and it sets all font in the menu to blue, ideally I’d like it to be this orange #ee7219
    I went to the customiser and it doesn’t let me add a colour palette or edit the site title and menu colours any ideas how I can change the colour please?

    The blog I need help with is: (visible only to logged in users)

  • supernovia · Staff ·

    Hi! Your plan has CSS, so you can use this code to change colors up as you’d like.

    At some point that menu will be easier to edit, too, but for now this should work. Just paste this in Customize > Additional CSS, and adjust the colors to your liking.

    #masthead .site-header-wrapper .main-navigation ul li.current-menu-item > a {
    border-color: #ee721a;
    border-style: solid;
    border-width: 0 0 .125em;
    color: #ee721a;
}
#masthead .site-header-wrapper .main-navigation ul li.current-menu-item>a {
    border-color: #3e69dc;
    border-style: solid;
    border-width: 0 0 .125em;
    color: #3e69dc;
}
  • Unknown's avatar
    cmcclory · Member ·

    Thanks for this, just wondered if you had anything for the colours when you hover over each menu item and the underlining of each menu item please?

  • staff-blorbo · Staff ·

    For that, swap the a in the examples above for a:hover

  • The topic ‘Menu Font Colours’ is closed to new replies.