Change colour of all text and hover text in the footer

[umaharaj]

Hi there

I am using ethos stack.

I want to change all of the text in the Footer to be in white and the hover text to be in #e8e8e8.
How would I do this?

Home

Thanks

[marc_a]

Hi @umaharaj,

Thanks for reaching out.

Regretfully, there no option in our X theme that you could change the text color and text hover color of your footer, the footer colors always follow the Typography settings. If you wish to customize your footer, I strongly suggest that you will use the Pro Theme. See our docs on how you can convert your X theme to Pro.

Hope that helps.

Thank you.

[umaharaj]

Can I then just change all of the text to white using custom css without including the hover colour?

How would I do this?

[marc_a]

Hi @umaharaj,

To change your footer text color and footer text color hover, please add this custom CSS to X > Theme Options > CSS.

.x-colophon .widget ul li a {
	color: #ffffff;
}

.x-colophon .widget ul li a:hover {
	color: #e8e8e8;
}

Please note that custom development is outside the scope of our theme support. Issues that might arise from the use of custom code and further enhancements should be directed to a third-party developer.

Thank you.