Change Current & Hover Color

Travelify
1

Hello – I have inserted the custom css code found at http://wpsites.net/web-design/changing-the-color-of-each-nav-menu-item/ in an attempt to change the hover color of each button in the menu on the travel blog (mikemcewan.ca) I am creating which currently looks like this:

Unfortunately, the default current and hover colors appear to be overriding it.

Any help would be greatly appreciated. Thank you in advance!

2

I would also like assistance changing a button cta color on my page. Unable to change with activello theme. Child theme is already installed

3

Hi @mikemcewan,

Thank you for your question.

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 -> Travelify Other Options

#branding #main-nav li.blog-nav a:hover {
    background: #fff;
	color: #333;
}
#branding #main-nav  li.aboutus-nav a:hover {
    background: #fff;
	color: #333;
}
#branding #main-nav  li.wherewevebeen-nav a:hover {
    background: #fff;
	color: #333;
}
#branding #main-nav  li.wheretonext-nav a:hover {
    background: #fff;
	color: #333;
}

#branding #main-nav  li.contact-nav a:hover {
    background: #fff;
	color: #333;
}

Please 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

Best Regards,
Movin

4

@compcarellc To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/activello/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

5

Perfect - thank you!

6

You are most welcome here :slight_smile: