WordPress.org

Ready to get started?Download WordPress

Forums

Spun
Hover Effect for menu (6 posts)

  1. blueturnaround
    Member
    Posted 5 months ago #

    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.

  2. blueturnaround
    Member
    Posted 5 months ago #

    bump?

  3. Andrew
    Forum Moderator
    Posted 5 months ago #

    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?

  4. blueturnaround
    Member
    Posted 5 months ago #

    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."

  5. Kevin Sinfield
    Member
    Posted 4 months ago #

    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.

  6. blueturnaround
    Member
    Posted 4 months ago #

    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.

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.