Footer colour doesn't contrast with text there

I am setting up my site. I have added a link to my Privacy page in the footer of the home page. I is the same colour as the background. How can I change the footer background colour and the footer nav items colour?

Hello Joan,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS:

footer.x-colophon.bottom {
    background-color: #ddd;
}

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

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

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