[Resolved] Header and footer background colors

[Eileen]

I’m using the GP premium package with no child theme. Wanted to change the background color of the header and footer. Added this to the CSS:

.site-header {
	background-color: #efefef;
}

And that worked.

But this didn’t work:

.site-footer {
	background-color: #efefef;
}

Can you tell me why – and what I should do differently?

Thank you.

[Tom]

The footer selected is: .site-info

However, if you have GP Premium you can just use the Colors add-on and change these colors in “Customize > Colors”.

[Eileen]

Thank you. But the only thing I’m seeing under Customize > Colors is Base Colors. ?

[Tom]

Is Colors activated in “Appearance > GeneratePress”?

https://generatepress.com/knowledgebase/install-activate-addons/#gp-premium

[Eileen]

No, it wasn’t. [embarrassed]
Thought it was. So sorry!
Thank you.

[Eileen]

It changed the color of the entire footer, including the text widget.
But I found where you explained to another user how to change the background color of the text widget. 🙂
Thanks again!

[Tom]

No problem! Glad you got it figured out 🙂

[Author]

Posts