Hover Colour Footer Menu

hey there,

how can i change the colour for when i hover over the footer menu items. at the moment it is set to a light grey and i’d like it to be white just like in the navbar at the top.

TIA

Hello @joziguy,

Thanks for asking. :slight_smile:

You can add following CSS under X > Theme Options > CSS to change footer menu hover color:

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

Thanks.

1 Like

That changed the menu just like I wanted thank you. Any way to do the same for the social links underneath?

Hi there,

Please update the code to:

.x-colophon.bottom .x-social-global a:hover,
.x-colophon.bottom .x-nav li a:hover {
    color: #fff;
}

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.