Docs

[tucker_m]

This question seems to be asked a lot but none of the solutions in the other posts have helped me here. I’m looking to get my footer menu colors fixed. First, I’m looking to get my footer menu hover colors changed. Secondly, I’m looking to get the “slashes” colors (HOME / SERVICES / etc) that sit between each menu item changed as well. Thank you!

[tucker_m]

This reply has been marked as private.

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

.x-colophon.bottom .x-nav li a {
color: red;
}
.x-colophon.bottom .x-nav li a:hover {
color: green;
}

.x-colophon.bottom .x-nav li:before {
color: white;
}

And adjust the colors according to your desire.

Hope it helps

Joao

[tucker_m]

Thanks for the quick response. For some reason, the hover changed but it isn’t changing to the color I’m choosing. I have a color code in there for an orange and the hover is now grey? Also, the slashes never changed color.

[Joao]

Hi There,

Try >

.x-colophon.bottom .x-nav li a {
color: !important red;
}
.x-colophon.bottom .x-nav li a:hover {
color: !important green;
}

.x-colophon.bottom .x-nav li:before {
color: !important white;
}

Hope it helps

Joao

[tucker_m]

That’s weird, it’s still not changing anything. I’ve cleared the cache and tried the site in different browsers with no luck. I attached a screenshot with the code and the hovered mouse to show.

[Friech]

Hi There,

Sorry, there is a syntax error on the css code provided above. Please update it to this instead.

.x-colophon.bottom .x-nav li a,
.x-colophon.bottom .x-nav li:before {
	color: yellow;
}
.x-colophon.bottom .x-nav li a:hover {
	color: red;
}

Feel free to change those color value.

Hope it helps, Cheers!

[tucker_m]

Thank you for your continued help on this. The following code allows me to change the color of the menu items but it does not allow me to change the “slashes”.

.x-colophon.bottom .x-nav li a,
.x-colophon.bottom .x-nav li:before {
	color: yellow;
}

The code below here, still does not change the hover color for some reason. It’s getting a dark grey even though the orange color selector is in there and I have no clue where it’s getting that grey selection at.

.x-colophon.bottom .x-nav li a:hover {
	color: red;
}

[Joao]

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[tucker_m]

This reply has been marked as private.

[Friech]

Hi There,

I added the code on custom CSS in Customizer and it does work

I added the opacity attribute so we can clearly see that it is red on hover.

Hope it helps, Cheers!

[Author]

Posts