How to set a background image for footer?

Shapely
1

How to get a tiled background image for the footer?

This doesn’t seem to work:
/footer /
footer#colophon {
background-image: url(“http://bigart.cc/wp-content/uploads/2020/12/BiGARt-seamless-dark-concrete-tile.jpg”);
background-position: left top;
background-repeat: repeat;
padding: 20px 0;
}

www.bigart.cc is the URL

2

Hey there

Your code should work, but it’s not added to the site, add it and check again

3

Hi,

I’ve added it back there now. It only shows the standard black footer.

4

Hi,

We’ve added the code back, could you have a look - thanks!

5

Hi

Sorry but the code is still not added, its not rendered, can you please share the screenshot of the code in the CSS box?

6

Here

footer css code
footer css code1379×1263 432 KB

7

Hi there

Exactly, it will not work, check this screenshot: Screenshot by Lightshot

8

Sorry, could explain a bit more why it wont’ work… Thank you.

You mean since the page is made full-width, it somehow also limits the footer? Basically we just want content area to be full-width, while header & footer remain “normal” as they are.

9

Hi, sorry to trouble still… but i don’t really understand what it won’t work, could you explain what’s the problem and if there is a way to fix it?

Earlier it was said that, the code should work

10

Hey there

Did you check my screenshot? you have a topography mistake in the CSS code :slight_smile:

/ footer /
should be like
/* footer */

11

Hi,

I did fix that also already, but still doesn’t work.

/* footer */
footer#colophon {
background-image: url(“http://bigart.cc/wp-content/uploads/2020/12/BiGARt-seamless-dark-concrete-tile.jpg”);
background-position: left top;
background-repeat: repeat;
padding: 20px 0;
}

BR,
Teppo

12

Hi Teppo

Code is not appearing but you still have the problem in the typo, check this out: