How to change header and footer background color for brooklyn theme ?

[vp99]

I have difficulties changing the background color for the footer and header because there is no option in the customization

[neeravmakwana]

Welcome to Shopify Community! Can you find .site-footer in timber.scss.liquid and add this code in that section:

  padding-bottom: $gutter;
  background-color: #808080;
  padding-top: 10px;

And can you add this to the bottom of your theme.scss.liquid file:

.site-header {
   background-color: #808080 !important;
}

[KetanKumar]

@vp99 

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

[vp99]

https://vp-homeandgarden.com this is the link but I already changed the theme

[neeravmakwana]

OK, do you still wish to change the color? Also, without the password I can't access to your website.

[KetanKumar]

@vp99 

Thanks 

but can you please share theme issue store url with frontend password

[MS-WEB-DESIGNER]

Dear @vp99 

Hope the following suggestions will help you

• From your Shopify admin, go to Online Store > themes
• Locate your current theme and then click Actions > Edit code
• After that in the Assets folder, click to open your theme.scss.liquid file
• Go to the very bottom of this file and paste the following code (You can change the color code yourself):

/* Start */
.site-header {background-color: #000 !important;}
 .site-footer {background-color: #000 !important;padding-top: 30px;}
/* End*/

• Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.
• Save and check your theme by refreshing it.

If you still need help you can contact us by using the link or email given at signature.

[Kinjaldavra]

please Go to Online Store->Theme->Edit code then go to Asset->/theme.css ->paste below code at the bottom of the file.

.site-header {background-color: #000 !important;}
 .site-footer {background-color: #000 !important;}