Change background color of the entire footer area?

I'm looking for a way to have the entire footer portion of the canvas have a different bg color. In the attached photo, the top is what I'm shooting for, bottom is what I currently have. I was able to get some of the blue color in there using the background property for #footer, but the canvas padding to the left and right stays the light color. Is there a workaround for this? I'm using the Om theme. 

Would you be able to share a link to your website?

I'm re-designing a site for a friend, so I'm only editing in preview mode. The live site doesn't reflect any of the design changes I'm trying to make. Not sure if there's a way to share that.

@adamwentworth What template do you use?

@tuanphan I'm using Om

@adamwentworth I just viewed Om demo. https://om-demo.squarespace.com/

but it's footer is different  you....so if you share site url, it will be better.

I think some custom code can solve.

@tuanphan Yeah the default footer in Om doesn't do what I want it to do, so I'm trying to add some type blocks to get the look I'm after - and hoping I can change the whole background to that blue color like in my initial example.

The site url is www.rebeccagirard.com, but like I mentioned, it's using a different theme, and I'm redesigning using the Om theme in preview mode, so I'm not sure if there's a way to share that for you to see.

You should share site url

or wait someone can help without url 😄

Hi @adamwentworth

Just simply trying using this. It should work.

footer, 
footer * { 
	background-color: black;
}

@tuanphan I created a trial site so I would be able to share the link with you. If you have any tips on how i can make the entire bottom section a different color that extends to the edges of the canvas like the example i posted at the start of this threat, that would be much appreciated. Thank you in advance.

Site link here: https://bamboo-dalmatian-3exg.squarespace.com/

@moeezali thank you for that tip, unfortunately it didn't change the background colors all the way to the edges, so it looks like this:

The easiest and most comfortable way to choose a color is to write its name.
The only problem with this method is that there are only sixteen colors called "standard." Although there are other informal colors, I won't bother showing them since they don't necessarily work the same way in all browsers.

@tuanphan I can't see anything here it says that it's a private site: https://bamboo-dalmatian-3exg.squarespace.com/

10 minutes ago, moeezali said:

@tuanphan I can't see anything here it says that it's a private site: https://bamboo-dalmatian-3exg.squarespace.com/

What do you mean?

Private Site
This site is currently private. If you’re the owner or contributor, log in.

@tuanphan If I can see the site I can tell you the solution in a moment.

@tuanphan oops sorry I should have tagged @adamwentworth.

Sorry my bad!