Change background color of footer 2 and footer 3 widgets Using Sydney Theme

I would like to have the footer 1 widget area to have a different background color than the Background color in footer 2 and footer 3 widgets. Can this be done?

Hello there,

It can be done by adding the following CSS code into your site’s additional CSS option under the Appearance > Customize > Additional CSS.


.footer-widgets .container .sidebar-column:nth-of-type(1) {
   background-color: #ff0000;
}

Regards,
Kharis

Kharis,

Thank you worked perfectly. Is it also possible to set the height of the footer widgets, either individually ( footer 1 footer 2 footer 3 ) or as a row?

Thank you

Cliff G.

Try this code:


.footer-widgets .container .sidebar-column:nth-of-type(1) {
   min-height: 500px;
}
.footer-widgets .container .sidebar-column:nth-of-type(2) {
   min-height: 600px;
}
.footer-widgets .container .sidebar-column:nth-of-type(3) {
   min-height: 700px;
}

Regards,
Kharis

I would also like to know how I can change the background color of the footer.
Currently its black and that looks so dull.
Thanks