Changing Background Color of Footer

Dazzling
1

Hello,

How do I change the black strip to a different color at the bottom of the page?

Also, is it possible to change it to an image?

2

I used your slider image and placed in the footer but you can use any image there.

Add this code to Theme Options - Other - Custom CSS and replace it with image you want to use and also adjust height based on image you plan to use there.


#colophon {
    border-top: none;
    background: url('https://short-n-sweet.ca/wp-content/uploads/2014/11/ShortNSweet_Slider8.jpg') no-repeat;
    height: 300px;
}
3

hmmm…the code above didn’t work?

4

Because there is problem with your Custom CSS that you added earlier, you haven’t closed it with curly bracket.
Here is your code:

#secondary .widget_categories ul li:before {
  content: none;

#colophon {
    border-top: none;
    background: url('https://short-n-sweet.ca/wp-content/uploads/2014/11/ShortNSweet_Slider8.jpg') no-repeat;
    height: 300px;
}

And this is how it should be used instead:

#secondary .widget_categories ul li:before {
  content: none;
}
#colophon {
    border-top: none;
    background: url('https://short-n-sweet.ca/wp-content/uploads/2014/11/ShortNSweet_Slider8.jpg') no-repeat;
    height: 300px;
}