Sub Menu Hover Color

Activello
1

Hello,
I am currently using the Activello theme. I have gone into Activello Otions - Layout Options and have changed the accent color and social color to what I want (#65bbc0). Everything looks good except when I hover over the submenu on my primary menu, the background color is the standard purple that came with the theme. I just want the hover color to be a light grey. How do I change that color? I read some other posts and saw that I should try this code in the additional CSS box but it did not work.

#.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
background-color: transparent;
color: #65bbc0;
}

2

Hi there,
I hope you are doing well today

This can be done with the help of some Custom CSS. Kindly provide me with a link to a page with this so that I may be able to write up some CSS that should work for your setup.

Looking forward to your reply :slight_smile:

Best Regards,
Support.

3

Hi there,
I hope you are doing well today

This can be done with the help of some Custom CSS. Kindly provide me with a link to a page with this so that I may be able to write up some CSS that should work for your setup.

Looking forward to your reply :slight_smile:

Best Regards,
Support.

4

Thank you for the fast reply! Here is the link to my page: http://www.sincerelyleslie.com/
The problem is with the hover on the top menu.

5

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS


.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
    background-color: transparent;
    color: #a9a5a5;
    }

You can change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp

6

I would like the hover color to be #65bbc0 and the text color to change to white when the person hovers.

7

Then just change the above CSS code as following.

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
    background-color: #65bbc0;
    color: #fff;
    }
8

That worked perfectly! Thank you!

9

You are most welcome here :slight_smile:

10

This perfectly answers my question. I really appreciate the support for Activello. You guys are great!

11

You are always welcome here :slight_smile: