Change top and bottom background color

[JohnyBeGood]

Hello,

I did not see any option in customizer where I could change background color (if there’s one please advise).
Searching the forums I’ve found thisCSS:

/* Change background color START /
body .site {
background-color: rgba(0,255,0,0.3);
}
/ END */

But I can’t find option to change top and bottom?

[paul.r]

Hi,

There is no options to change top and bottom.

To change it you can add the code below in Theme Options > CSS

/* Header */
.x-logobar {
   background-color: red;
}

.x-navbar {
   background-color: red;
}

/* Footer */
.x-colophon.top {
   background-color: blue;
}

.x-colophon.bottom {
   background-color: blue;
}

Hope that helps.

[JohnyBeGood]

Thanks. What about the rest of white space? I assume menu background is changed somewhere under UberMenu config?

[thai]

Hi There,

To change background color of UberMenu, please navigate to UberMenu Settings > Style Customizations > Menu Bar background:

Hope it helps

[JohnyBeGood]

That helps! What about bellow menu and very bottom of the page?

[Prasant]

Hello @JohnyBeGood,

Thanks for updating the thread.

Well you can change the color of area below menu but that will have a cascading effect on the page background color as well.

.entry-wrap {
    background-color: #ddd;
}   

You can change the bottom color from X > Launch > Options > Layout and Design > Background Options > Background color.

Thanks.