Styling Footer Hover

[rocketboy]

I was trying to remove the hover effects to the footer menu and found the below code on other posts:

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

All other colors I’ve tried have worked but think there might be an opacity hover effect as well?

Is there a way to remove the opacity effect or the hover effect in general for the bottom footer? My current footer text is white that can be seen at http://www.rocketboysolutions.com/Harrison/

Thank You

[nabeel]

Hi Bryce,

Thank you for reaching out to us. Yes there’s the opacity effect on hover. To fix this simply replace your code with the following:

.x-colophon.bottom .x-nav li a:hover {
    color: #fff;
    opacity: 1;
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[rocketboy]

That did the trick, thank you for your help!

[nabeel]

Glad we could help.

Cheers!