Customize Footer

[rarkmoberts]

Hi,

My current footer looks like this https://imgur.com/JeW2c49

How can I change the colours of the background, font and sitelinks?

Thanks.

[ruenel]

Hello Mark,

Thank you for posting in!

You can change the background color of the footer by going to X > Theme Options > Ethos. The Top bar background color will be the same background color for the footer.

If you want to change the font, please go to X > Theme Option > Typography and change the font family for the Body and Content.

The color of the links and the color of the rest of the texts in the footer can be changed by adding the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-colophon .widget ul li a, 
.x-colophon .widget ol li a,
.x-colophon a {
    color: red;
}

.x-colophon .h-widget {
    color: green;
}

.x-colophon .widget:before {
    background-color: green;
}

.x-colophon.bottom .x-colophon-content {
    color: white;
}

Feel free to change the colors because I used a distinct colors so that you can easily identify the elements.