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: https://prnt.sc/w7nzd6

#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: