The sidebar:
#secondary {
background: yellow;
}
The footer area
.site-footer {
background: orange;
}
… and found my answer finally in the Safari debug console. Turns out it’s this piece of code in my theme’s style.css file:
@media screen and (min-width: 1008px) {
....
.site:before {
background-color: #000;
@batharoy, good to know I can use “yellow” instead of the hex codes. I’m learning by trial and error here. 🙂 However, I had already tried editing “secondary” and it did not change things for me. Hopefully this is true for all browsers. But with my new change things are now uglier than ever and I’m very happy. 🙂