• Hi all-

    I’m trying to modify my WP theme, I’m changing the pink color used to a slightly different one. I’ve been able to change it everywhere except the hover in the menu. It doesn’t seem to be defined anywhere in the css.

    Here’s the php code for the header to create the nav menu:

    [CSS code moderated – post a link to your site]

Viewing 13 replies - 1 through 13 (of 13 total)
  • i think it is

    .current-cat {
    	background: #DC047C;;
    	}

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

    Thread Starter clb2196

    (@clb2196)

    No- the .current-cat is the one that gets highlighted if you’re on that page. Similar, though, but not it.

    I actually have Firebug installed on Firefox I can try that. Will is help if there isn’t actually any css defined for that portion though? I don’t understand where it’s getting that color from, I’ve searched the css and the old color isn’t in there anywhere.

    if you can not find it in css, try to look for inline styles or javascript.

    Firebug will show you where the color is coming from — no matter where it is coded. If you post a link to your site, someone can actually give you better help with this kind of thing.

    Thread Starter clb2196

    (@clb2196)

    My site is: carissalyn.com. I’ll try firebug, any other help appreciated too! Thanks. šŸ™‚

    Thread Starter clb2196

    (@clb2196)

    Ok- so using firebug I found “MenuMatic.css” which has this:

    #subMenusContainer a, #nav li li a {
    background-color: #E33258;
    color: #FFFFFF;
    font-size: 12px;
    padding: 5px 20px;
    text-align: left;
    }

    That #E33258 is the color, that must be what I’m looking for. So how do I figure out where that’s coming from? I didn’t see any inline css in the template, but I can look again. I *really* appreciate all the help guys.

    It looks like the menu styling in is the MenuMatic.css file. So try changing the hover colors in there — or adding changes to the style.css file that will override the MenuMatic.css code.

    BTW, not sure what’s going on but your site loads VERY, VERY slowly and in fact, never finished loading the page on my machine (current versions of Firefox and Mac OS 10.7.3).

    Thread Starter clb2196

    (@clb2196)

    There is no MenuMatic.css file though, under template editor. Only style.css which is the one I posted. Am I looking in the wrong spot?

    And that’s strange about it loading slowly, it’s never speedy due to photos, but I’d say it loads in about 6 seconds for me in Firefox.

    I was writing the above when you posted yours above. That code IS where it is coming from — you can change that color to the one you want. But that’s not the hover color — hover is coded with the word hover in it — so look for that code.

    On the slow load — your machine has cached photos — so they are no loading each time. Try clearing your cache or looking at it on another machine.

    If you can’t get to the file in the editor, you can always do it by FTP (copy the file, edit in a text editor on your local machine and upload back via FTP). But like I also said, you should be able to include CSS in the style.css file that will override the other. Use !important if nothing else — to force it to override.

    The code you found with that color may be the right one — since you are changing the background color — sorry, missed that. But look and see if that color is anywhere else in that stylesheet.

    Thread Starter clb2196

    (@clb2196)

    I found the file through FTP. šŸ™‚ I’m relatively new to WP I didn’t realize the editor didn’t show you all the files! I’ve fixed it, and I bet I can fix the one other similar issue I had now too. Thank you SO much for the quick helpful responses!

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

The topic ‘Help changing menu hover color’ is closed to new replies.