Change background color

Hi there

I am working on this page https://syntos.squarespace.com (pw: hello), template Harry and it love to change the footer to a darker color. 
tried to adjust the footer color in the CSS but it wont work. 

Any ideas how I can change the footer background and the banner of the quote section? 

Hi Lucia, try the code below and let me know if it works for you:

#Footer {
    background-color:  #164636; /*change to the color you wish to use*/
}

If you want to change the background color of the different sections you might have to build your page as an index page instead. 

hi lu, 

thank you for your fast respond. I tried the code but it wont work. 
I tried this now but wont work either...

#footer #show-site-footer #site-footer {
    display: block;
    background-color: #472017;
}

Try adding !important and let me know if it makes any difference

#Footer {
    background-color:  #472017!important;
}

it doesn't. do you think it has to do with the fact its still a trial website?

Hi @lucia.fritsche, I'm sorry, footer shouldn't be capitalized! That was my bad! 😣

#footer {
    background-color:  #472017!important;
}

still wont work...

Hi Lucia, there might be some extra code preventing the change you want to make. Maybe try to remove all CSS code in your custom code just to see if it is the case (copy and paste it somewhere so you can always bring it back) and add the footer background code only. 

10 hours ago, lucia.fritsche said:

still wont work...

your code is invalid

#footer {
    background-color: #666 6 !important
}

It should

#footer {
    background-color: #666 !important;
}

Reference: https://beaverhero.com/harris-squarespace/#Footer_Background_Color