Hover color for menu links

  • Resolved earmsby

    (@earmsby)


    1 year, 7 months ago

    I’m new to Hello/Elementor and struggling a little with something that seems like it should be very simple and easy.

    How can I set the hover color for the links in the header menu? I did set a global hover color for links and that works fine for links within the content but not for the menu.

    Is there a way to set a hover color for these? Seems like a common thing, that it’s hard to believe it isn’t possible.

    The page I need help with: [log in to see the link]

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

  • Hey earmsby, I’m another Hello Elementor user.

    If you have trouble setting the hover color, please try using the following CSS: 

    .site-header .site-navigation ul.menu li a:hover {
    color: /*YOUR COLOR HERE*/
}
    Thread Starter earmsby

    (@earmsby)

    Ah, ok. Thanks for that pointer. So, this sort of thing can only be done with custom CSS, then?

    I’m very experienced with CSS and I’ve used custom CSS on other WP theming platforms but not Elementor/Hello. Would you be able to point me to where this gets added?

    Many thanks!

    Thread Starter earmsby

    (@earmsby)

    Did a little digging on this. Am I right that you can only add custom CSS with Elementor Pro?

    Thread Starter earmsby

    (@earmsby)

    Figured out my own question! Here’s the solution in case anyone is asking the same thing. No, you do not need to have Elementor Pro to add this. You can add it via Appearance > Customize. Worked great!

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