Trying to change Navigation bar hover color.

  • Resolved Natedogg386

    (@natedogg386)


    13 years, 2 months ago

    Hello guys. For the life of me, I cannot figure out how to change the hover color of my navigation menu. My site can be seen here: https://www.masternate.com. When you hover over the links they turn red, and I need them to turn #73d216 (green). I’m using the ‘Delicate’ theme. I think I went through almost every page source searching for the word hover and testing out their colors and none of them changed the nav menu hover. Also, I would like to adjust the ‘Active Page’ text color as well. Any and all help will be greatly appreciated. ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Give this a try.

    .topnav a:hover {
color: #73d216;
}

    Also, get the Firebug add-on for Firefox. It makes identifying selectors and such much easier and also lets you try changes in real-time.

    Thread Starter Natedogg386

    (@natedogg386)

    Hey thanks sacredpath, that exact code was already in my stylesheet. I also booted up firebug and was very specific as to what I wanted modified, and no matter what I do, it just won’t change. Any other suggestions?

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Try adding the important attribute to it as below.

    .topnav a:hover {
color: #73d216 !imporant;
}
    Thread Starter Natedogg386

    (@natedogg386)

    I added the important attribute and the links still turn red on hover. I really appreciate your help sacred, any other suggestions?

    Thread Starter Natedogg386

    (@natedogg386)

    GOT IT! I simply needed to clear all the cache -.- Thanks for your help sacred, I really appreciate it.

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    You are welcome and glad it worked.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Trying to change Navigation bar hover color.’ is closed to new replies.