How to change the colour of my navigation bar

  • My menu bar (home, contacts etc) is black. When I hover it’s green, but when I am on ”home” for example, the lettering is brown? How do I make it black?
    Apologies for being a noob

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    You can do it by using custom css if your theme doesn’t provide you customization for colours.
    Here is the custom css code which you could use for changing the brown color to black of that active “home” title:-

    #main-nav .current_page_item > a, #main-nav .current-menu-item > a, #headerwrap a:hover, #footerwrap a:hover{
    color: black;
}

    Thank you

    • This reply was modified 7 years, 4 months ago by Sunny.
    Thread Starter hamstermaths

    (@hamstermaths)

    Hi quadthemes. I have no experience with coding, so I don’t know what to do with that ??

    I have Themify Ultra. I know how to edit the font to change the colour, size etc, but I just can’t seem to change the colour of the menu that I am currently using.

    the brown heading should be black. When i hover over the others, they go green..

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    To add CSS:

    • If you are using WordPress 4.7 or later, use the “Additional CSS” option in the customizer.
    • If your theme has a custom CSS option, use that to add the CSS shown above.

    Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change the colour of my navigation bar’ is closed to new replies.