WordPress.org

Support

Support » Themes and Templates » Hover Effect for menu

Hover Effect for menu

  • Hi, first time wordpress user here. Glad I tried it!

    I’m making this website: http://www.csfinancialstrategy.com/

    I’ve been able to figure out most of what I want done. However, I can’t find any help to create hover effects for the menu.

    I want each individual word / link in the menu to change color to white, with the background changing to a dark blue (same color as the logo) when the mouse is hovering over it.

Viewing 5 replies - 1 through 5 (of 5 total)
  • bump?

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Rather than bumping can you post more information of the issue?
    Why can’t you create the hover effects? What are you trying that isn’t working?

    I can’t create the hover effect because I do not know how to do it, and there does not appear to be any feature built into the theme to do so.

    Is there a feature to do that built into the theme?

    If not, then I assume that I can write in code into the custom css plugin?

    Where would I go to find / learn that code?

    “I want each individual word / link (i.e. letters) in the menu to change color to white, with the background changing to a dark blue (same color as the logo) when the mouse is hovering over it.”

    Hi,

    Try this.

    /* ! Main-Menu */
    .main-navigation a:hover {
    background: #203e96;
    color: #ffffff;
    }

    /* ! Sub-Menu */
    .main-navigation ul ul :hover > a {
    background: #203e96;
    color: #ffffff;
    }

    You might need to change the background color.

    Thanks! That works great.

    Any sites I can learn about menu coding? It kind of makes sense, but I don’t understand the “pronouns”… by which I mean /*! and those kinds of symbols.

    Also, instead of the color change effect in the main menu (I like it just fine in the submenu), I’d like to add an underline effect for the main menu.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Hover Effect for menu’ is closed to new replies.