Header and footer Background Color

Hi I would like to change the background color for my header and footer. I would like black background with white text. How do I do this?

Hey there

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/* */
/*header color*/
header#masthead {
    background-color: black;

/*footer background  color*/
#footer-area {
    background-color: #929292;
    color: #fff;
#footer-area #social a{
  color: yellow;

.copyright a {
    color: orange;

Best Regards,