Footer color & settings

[adrian.moral]

How can I change the footer color ?

Dr.Black Auto

[jade]

Hey Adrian,

The color of the text in the footer depends on what you have set in X > Theme Options > Typography > Site Links which is set to all links and text colors globally.

But in case you want to have a different color for the footer text, you can add this code in X > Theme Options > CSS:

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

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

Feel free to change the color in the code above.

• CSS Color Values - https://goo.gl/rM1ys1

Hope this helps.

[adrian.moral]

What about the background color?

[Prasant]

Hello Adrian,

Thanks for updating the thread.

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

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

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

Thanks.