Docs

[kenyamawusi99]

Hi! I am trying to change the text color in my footer, by using the following css, but it’s not working.

.x-colophon.bottom {
background-color: #ef3d41;
color: #ffffff;
}
.x-colophon.bottom a {
color: #ffffff;
}
.x-colophon.bottom a:hover {
color: #000000;
}

[kenyamawusi99]

This reply has been marked as private.

[Joao]

Hi Andre,

You can use:

.x-colophon a {
color: white !Important;

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

Hope it helps

Joao

[kenyamawusi99]

It worked, but it also changed the color of the bottom footer text. Is there a way I can make the footer widget text white and the Bottom footer text to #0053a4?

[Prasant Rai]

Hello There,

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

footer.x-colophon.bottom .x-colophon-content {
    color: #0053a4;
}

footer.x-colophon.bottom ul li a {
    color: #0053a4 !important;
}

Thanks.

[kenyamawusi99]

That didn’t work either. Is there anything else I can try?

[Prasant Rai]

Hello There,

Thanks for writing in!

Above code will change the color of footer Copyright section and it’s working fine on my end. http://prntscr.com/e79bkr

You need to change the background color of footer widget area. You can add this under Custom > CSS in the Customizer:

footer.x-colophon.top {
    background-color: #525252 !important;
}

http://prntscr.com/e79ckt

Please change color code as per your requirement.

Thanks.

[Author]

Posts