I'm guessing I need some help with basic CSS -- Footer and Header

Highlighted
New Member
3 0 0

Hi everyone, I was hoping somebody could help me change the background colors of my header and footer. I am currently using the Debut theme and there is no option for this in the basic customization controls. Here is a screenshot of what I am more specifically trying to achieve:

Thanks

0 Likes
Shopify Expert
9349 0 1229

What are you hoping to change it to?

★ Winning Partner of the Build a Business competition. ★ http://freakdesign.com.au
0 Likes
New Member
3 0 0

A customizable hex code/color.

0 Likes
Tourist
7 0 1

1.Go to themes in left side bar of your admin dashboard
2.Than select dropdown and select (edit code) option 
3.Than Search for theme.scss.liquid file open it and in the end of file add this css and save the file...


.site-header{

    background:#696fa6 !important;
}

.site-footer{

     background:#696fa6 !important;
}

0 Likes
New Member
3 0 0

Thank you for the response. That ALMOST did the trick. It is just not completely filling in the header/footer. Here are some screenshots -

Heres the header (not filling in all the way)

And heres the footer (very bottom is not filled)

0 Likes
Tourist
7 0 1

Hi  if possible can you provide the site link .

0 Likes