Docs

[kelleyhg]

Sorry to bug you, but I’ve read a number of forum posts on the subject and pasted the recommended code solutions numerous times. It worked once (about an hour ago), but I tried to add more code and now I can’t get it to work again. I fear I may have deleted something relevant.

I’d like to change the footer background color (top and bottom footer), and I’d like to change the font color, and I’d like no shadows around the fonts. Thanks in advance for providing the correct code.

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

footer.x-colophon.top {
    background-color: #ddd !important;
    box-shadow: none !important;
}

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

footer.x-colophon.bottom a {
    color: #fff !important;
}

.widget {
    text-shadow: none !important;
}

Please change color code as per your requirement.

Thanks.

[kelleyhg]

This reply has been marked as private.

[Joao]

Hi

You had a couple of syntax mistakes on your CSS

For your own good, it is important to keep your CSS organized so it is easier to spot the mistakes – friendly advice 🙂

It works now

Hope that helps

Joao

[kelleyhg]

This reply has been marked as private.

[Lely]

You’re welcome Kelley!

Cheers!

[Author]

Posts