How do i put Footer-Background Image at Spotlight Theme

[RobArt98]

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.

[Moeed]

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

[Made4uo-Ribe]

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!

[RobArt98 · Accepted solution]

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;