Footer text and widger text and link color (Ethos)

Hi there,

I can’t figure out how to change the footer text and link color in Ethos. Can you help me?

https://lindaraakt.nl/

So the bottom footer menu is how I want the rest of the footer text and widets. Text color white, link hover #afca0b

I have used the following CSS:

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

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

.x-colophon.top .textwidget {
color: white;
}

Hey Linda,

Please try this code:

.x-colophon.top .widget a,
.x-colophon.top .widget ul li a,
.x-colophon.bottom ul li a {
    color: #fff;
}

.x-colophon.top .widget a:hover,
.x-colophon.top .widget ul li a:hover,
.x-colophon.bottom ul li a:hover {
    color: #afca0b;
}

.x-colophon.bottom .x-colophon-content {
    color: #fff;
}

Here are some related links for further reading:

Hope this helps.

Yes! Thank you so much!

You’re welcome :slight_smile:

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