How to change the nav menu font and color

  • jesslow

    (@jesslow)


    8 years, 3 months ago

    Hi there,

    Please excuse my ignorance, but I am very new to WordPress and very new to using CSS! Ive been trying to update the font family and colour on my nav menu in my wordpress theme (using Mary Kate created by Angie Makes), but on matter what I try it still uses the default that comes with the theme.

    In my dashboard I have gone to Apperance, then Edit CSS. In there I have put the following which I found from another forum:

    #access li {
    font-family: Snippet;
    font-size: 1.4em;
    }
    #access li a {
    color: #fFAA61B;
    }
    #access li a:hover {
    color: #44C1C7;
    }

    Is this wrong? I had originally used a plugin called Menu Icons to use custom buttons that I created in Photoshop, but this doesn’t allow for the colour to change when hovering or selected and would really like that to work!

    Any help would be greatly appreciated as I am a WordPress dummy and have spent ages on YouTube and Google trying to figure this out!

    Thanks,
    Jess

Viewing 1 replies (of 1 total)
  • Moderator t-p

    (@t-p)

    8 years, 3 months ago

    – Unfortunately, your currently used theme is not in the wordpress.org/themes/ directory:
    https://wordpress.org/themes/search/Mary%20Kate/
    – These forums are for free themes available in the WordPress theme directory at wordpress.org/themes/. So please contact the developer/vendor directly for support with your question. You’ll be more likely to find a good answer from them, for they have the access to its code. Forum volunteers are not given access to commercial/custom products, so they would not know why your /custom/commercial theme or plugin is not working properly. The developers/vendors are responsible for supporting their custom/commercial product. See http://codex.wordpress.org/Forum_Welcome#Commercial_Products

    There are many tools available for this kind of CSS work, for example:
    – Firefox with Firebug add-on: Help info on Firebug https://getfirebug.com/faq/
    – Newer IE/Chrome, etc., have similar tools
    – Alternately, try a dedicated CSS resource such as http://www.css-discuss.org/
    – Also, consider creating a child theme otherwise all your customization will be overwritten when you next update your theme.
    Alternately, use Custom CSS Manager plugin: http://wordpress.org/plugins/custom-css-manager-plugin/

Viewing 1 replies (of 1 total)
  • The topic ‘How to change the nav menu font and color’ is closed to new replies.