Docs

[flacnvinyl]

How can we change JUST the footer background color, and not the widget area. All code I have is to target both regions, but we want to leave widget area alone.

[flacnvinyl]

This reply has been marked as private.

[Joao]

Hi There,

To change the color of the bottom footer please add the following code to Appereance Customizer Custom CSS

.x-colophon.bottom  {
background: #fff;
}

To reduce the padding of the top footer:

.x-colophon.top {
padding: 2%
}

Hope that helps

Joao

[flacnvinyl]

This reply has been marked as private.

[Prasant Rai]

Hello Drake,

Thanks for writing in!

The background color code with affect the area as shown in screenshot. http://prntscr.com/btidrq

You can replace the code with the following:

.x-colophon.bottom  {background: #9a9a9a !important;}

.x-colophon.bottom .x-colophon-content {
    color: #000 !important;
}

Please change the color code as per your requirement.

Thanks.

[Author]

Posts