Original footer background color

[redleaf]

Hi
I’m using Pro theme v2.2.5 renew stack

If I go to ‘footers’ it says “You are currently using Original Footers” and I have 4 widget areas. I do not want to use the new footer editor as it does not have the elements I need. I do want to change the background color of this area. I’ve looked everywhere for a way to edit the background color including ‘theme options’ renew’ - there is a footer background color option there, but this edits the area below the original footer. How do I edit this please?

[rad]

Hi @redleaf,

Thanks for reaching out.

Standard footers use predefined background styling/CSS from the active stack, there is no option available. So the only workaround is CSS too. Please add this code to your global custom CSS with your preferred color.

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

Thanks!

[redleaf]

I entered that under ‘appearance’ > ‘editor’ but it doesn’t seem to work. Is there somewhere I can send a login so you can take a look?

[ruenel]

Hello There,

Please add the code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r) and not in your theme files. You might also want to update the code and use this:

.x-colophon.top,
.x-colophon.bottom {
  background-color: #000 !important;
}

Please let us know how it goes.

[redleaf]

That did it. Thanks

[thai]

Glad we were able to help.