By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!
elementor official

Change background color when hover sub menu

White_Wanderer

White_Wanderer

New Member
Hi all,

How can I change the background color of sub menu when hover on it?
Currently its black.

I could not find the correct css to achieve this.

1580573440960.png


This is my css to change the background color when not in hover:
.dropdown-menu ul li a.menu-link {
color: #f0d8b6 !important;
background-color: #ffffff;
}

How to change the background color on hover?

link: foxandme.my

Thank you!
 
elementor official
sms-design

sms-design

Member
Try the following in your custom css or child theme

.dropdown-menu ul li a.menu-link:hover {
background-color: #f0d8b6;
color: #000 !important;
}
 
elementor official
White_Wanderer

White_Wanderer

New Member
Try the following in your custom css or child theme

.dropdown-menu ul li a.menu-link:hover {
background-color: #f0d8b6;
color: #000 !important;
}
Awesome!
I forgot to put !important just now. Thanks sms-design!
 
elementor official

Latest posts

Other Elementor Resources

elementor official
elementor official
Top