Change Footer Background Color

I’m looking to change the footer color of my page to be #B22222 – at the moment, two different shades of blue are showing, despite what’s been set in customize and through CSS overrides.

I also want to remove the clone of my top menu, which I don’t seem to be able to do?

What am I missing?

.post-form
{
display: none !important;
}

		footer
{
	background: #B22222 !important;
}

footer .mg-footer-bottom-area .custom-logo { display: none !important;
background: #B22222 !important;}

footer .mg-footer-bottom-area { display: none !important;
background: #B22222 !important;}

.mg-headwidget .mg-head-detail, .mg-headwidget .navbar-wp
{
background: #B22222 !important;
}

.mg-headwidget .navbar-wp .navbar-nav > .active > a{
background: #B22222 !important;
	
.mg-footer-bottom-area {
    background-color: #B22222 !important;
}
	
	footer .mg-footer-bottom-area
{
display: none !important;
	background: #B22222 !important;
}
	
footer .mg-footer-copyright {
    background: #B22222 !important;
}
	
	.mg-footer-bottom-area h1, hr, p {
    display: none !important;
}

• This topic was modified 1 year, 10 months ago by ianwrestling.

The page I need help with: [log in to see the link]