Reply To: [Solved] make footer widgets closer together and centered with layout

[Paulie_D]

Your main content width is restricted by a wrapping div with these classes

.site-inner .wrap {
clear: both;
margin: 60px auto;
overflow: hidden;
max-width: 1240px;
padding: 0px 60px 0px 60px;
}

so you could copy some of those properties (specifically the max-width) over to

.footer-widgets .wrap {
background-color: #006B24;
clear: both;
color: #fff;
max-width: 1240px; /* here */
overflow: hidden;
padding: 40px 70px 0px 70px;
text-align: left;
margin: 0 auto; /* added to center element */
}

Also move the bg color to

.footer-widgets {
clear: both;
overflow: hidden;
width: 100%;
}

…and it will be full width green.