I cant seem to change the Link colour on hover in the footer

Hi there, I am developing a site (not in pro version) and cannot seem to change the colour of the link on hover?

Header Navigation, no problem, there is an option for menu and hover colour in header; however, the footer can have the links and text colour changed in the “Renew” section, but not the link hover colour, I assume this is an oversight as I cannot see any good reason for not allowing the hover to be defined too?

I’ve looked through all the past requests and adding code to the CSS section still doesn’t change the hover colour?

Can you let me know either where the option is, or how to achieve the desired result.

Thank you

Hello @WebEmpire,

The footer links will follow the settings in X > Theme Options > Typography > Site Links.

If you want to change the link color and hover to something else, please add this code in X > Theme Options > CSS:

.x-colophon.bottom .x-nav li a, 
.x-colophon.bottom .x-colophon-content a {
    color: blue;
}

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

Please change the color values in the code.

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

Thank you Kindly, that did the trick :slight_smile:

We are delighted to assist you with this.

Cheers!

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