Fixed footer background

I changed the main background and I added the vertical repeat rule.
Unfortunately the website footer is not really nice in that way.
So I would like to add a fixed background at the footer on the template.
Can you tell me how to do it? Thanks!

Try these in your override.css - last 3 are same footer with different options so chose 1 and top 1 gets rid off any gaps anything above footer as margin:0 : )

Code: Select all

/* You can experiment with margin 0 if you want your footer to stick with above module. So no gaps. */
#gkFooterWrap {
    color: #333333;
    font-size: 12px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    text-shadow: 0 1px #FFFFFF;
    width: 80%;
}
/* Main Footer box with colour option Example is green / yellow */
#gkFooter.gkWrap {
    width: 1000px !important;
    background:#cdf707;
}
/* Main Footer box with background image repeating itself on x-axis */
#gkFooter.gkWrap {
    width: 1000px !important;
    background: url("../images/footerbg.jpg") repeat-x;
}
/* Main Footer box with background fixed background image */
#gkFooter.gkWrap {
    width: 1000px !important;
    background: url("../images/footerfixed.jpg") no-repeat;
}