How do i put Footer-Background Image at Spotlight Theme

Store Design
,
1

Hello everyone,

currently im struggling with a function which i want to implement.

I searched around the community and found following code, which is not working for me (spotlight theme)

"footer.site-footer {

background-image: url(‘path/to/your/image.jpg’);

background-repeat: no-repeat;

background-size: cover; }

Does anyone have an idea how to put an image on the footer?

Thanks in advance.

1 Like
2

Hey @RobArt98

Could you please provide your Store URL and, if applicable, the Password too? Also, share the URL of the image too. Your cooperation is greatly appreciated!

Best Regards,
Moeed

3

Hi @RobArt98

You need to make sure that is the right selector to use in your theme.

Try this one, i just get it from the demo store.

footer.footer.color-background-1.gradient.section-sections--15939470360632__footer-padding {
background-image: url('path/to/your/image.jpg');
background-repeat: no-repeat;
background-size: cover;
}

And Save.

If still not working would you mind to share your store URL website? Thanks!

4

Thanks for the Information. I just found a solution, which is currently working.

section-footer.css on the top of the code.

.footer {
border-top: 0.1rem solid rgba(var(–color-foreground), 0.08);
background-image: url(“…”);
background-repeat: no-repeat;
background-size: cover;