How to Change Color of Menu Links

  • Hello,

    I’ve searched through the forums and have not yet found a code that works for what I’m looking to do. I’ve already been able to add CSS to make the links change colour on hover, but I’d like to change the default colour of just the links in the menu, not any other links. I’m also not trying to change a background colour.
    I have tried:

    .main-navigation ul li:hover > a{
  color : #B05630;
}
    .site-title a, .site-title a:focus, .site-title a:hover, .site-title a:visited {
    color: #B05630;
}
    body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu > li > .ancestor-wrapper > a {
    color: #B05630;
}
    #nav-main ul.sf-menu a:hover {
    color: #B05630;
}

    When using them, nothing happens at all. I tried them based off them being recommended in other posts.

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

Viewing 1 replies (of 1 total)

  • try:

    .main-navigation a { color: red; }
.main-navigation a:visited { color: green; }
.main-navigation a:hover { color: blue; }
Viewing 1 replies (of 1 total)
  • The topic ‘How to Change Color of Menu Links’ is closed to new replies.