Gray areas on left and right of footer

  • Resolved jenbojlee

    (@jenbojlee)


    10 years, 10 months ago

    I have managed to get the background color of my footers to be exactly what I want, but there is still small areas of gray to the left and right of the footer area. I just can’t figure out how to change those small areas.
    My site is not published so I can’t provide a link. Is there anyway to attach a picture here?
    Thanks for any help!

Viewing 4 replies - 1 through 4 (of 4 total)

  • What css did you use to change the colour?

    Thread Starter jenbojlee

    (@jenbojlee)

    Sorry that took so long to write back ??

    .footer-widgets {
    background-image: -moz-linear-gradient(top, #5fa92d, #0B610B);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5fa92d), to(#0B610B));
    background-image: -webkit-linear-gradient(top, #5fa92d, #0B610B);
    background-image: -o-linear-gradient(top, #5fa92d, #0B610B);
    background-image: linear-gradient(to bottom, #5fa92d, #0B610B);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#5fa92d’ ,
    endColorstr=’#0B610B’ , GradientType=0);
    border-bottom:10px solid black;
    border-top: 2px solid black;
    padding-top: 10px ;
    }

    Rather than targeting all the widgets, try targeting the whole footer. So your CSS above becomes:

    footer#footer {
background-image: -moz-linear-gradient(top, #5fa92d, #0B610B);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5fa92d), to(#0B610B));
background-image: -webkit-linear-gradient(top, #5fa92d, #0B610B);
background-image: -o-linear-gradient(top, #5fa92d, #0B610B);
background-image: linear-gradient(to bottom, #5fa92d, #0B610B);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fa92d' ,
endColorstr='#0B610B' , GradientType=0);
border-bottom:10px solid black;
border-top: 2px solid black;
padding-top: 10px ;
}

    Thread Starter jenbojlee

    (@jenbojlee)

    Worked like a charm! Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Gray areas on left and right of footer’ is closed to new replies.