Changing menu color in a theme

  • Im using the theme Naya LiteVersion: 1.0.11By Sampression. I want to change the menu color from green to red. I was able to change all the other a hover colors to red in the style.css. I can not find the code to change the menu. i also have the custom css plug in. I put this in because I saw it in this forum. but it didn’t help. What do I do??
    /* Menu */

    .main-navigation a {
    color: #cc3333 !important;
    }

    .main-navigation ul li:hover > a {
    background: #cc3333 !important;
    color: #FFFFFF !important;
    }

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

  • Yo, PhillyLove79!

    Post the link to your site so we can take a gander at it for you! ??

    I put this in because I saw it in this forum. but it didn’t help.

    If you did not get the code from the Naya Lite support forum, then there is a good chance that it won’t work. Themes will often have different classes or IDs for their elements, so you can’t take the CSS that works with one theme and expect it to work for another.

    Change your rules so they look like this:

    /* Menu */

#primary-nav > div > ul li a {
   color: #cc3333;
}

#primary-nav > div > ul li:hover a {
   background: #cc3333;
   color: #FFFFFF;
}

    Notice that I left off the !important clause. You should avoid using the !important clause when possible, because it will make it more difficult to make future changes.

    If you have other questions, be sure to post them in the Naya Lite support forum.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing menu color in a theme’ is closed to new replies.