Footer background colour full width

[Rolf Espen]

Rolf Espen

December 17, 2015 at 5:23 am

Hi,

Thank you guys so much for a great theme!

I can’t seem to find an answer on how to make the footer background colour full screen when using boxed layout style.
I want to use the boxed layout style, with a body background which is an image (diagonal stripes) and then a white box on all the pages content.
When I do this however (advanced style, choose the white colour on all the places I want it, and leave the body background on) the footer is also included as content, and the white colour is not fullscreen anymore.
Is there any code to exclude the footer from the boxed layout style, or force the colour in the footer only to be full screen?

I’m including some images to describe what I mean.

Footer – problem
Footer – the way i want it to look

This is my CSS sheet:

.page-header {
display: none;
}

.post .first-post {
font-size: 2em;
}

[class*=”post”] { border:none !important; }

#kad-blog-grid .blog_item {
border: 0;
}

html, body {padding:0; margin:0; height:100%;}
#wrapper {position: relative; min-height:100%;}
#containerfooter {position: absolute; bottom: 0; left: 0; right: 0;}
.contentclass {padding-bottom:160px;}

a:focus {
outline: none;
}

@media (min-width: 768px){
.boxed #wrapper.container {width:768px;}
}

@media (min-width: 992px){
.boxed #wrapper.container {width:992px;}
}

@media (min-width: 1200px){
.boxed #wrapper.container {width:1200px;}
}

Thank you!