Adding e-mail sign up form background image

[anpanman]

Please see the site at standouthairco.com

I want to add a background image to this form. Ideally it would be part of a slide show - can someone help?

[SAN_MSWEB]

Hi @anpanman 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.newsletter__wrapper {padding-bottom: 50px; background-image: url(https://images.pexels.com/photos/3992874/pexels-photo-3992874.jpeg); background-size: cover; background-repeat: no-repeat; background-position: center center;}

Regards,

San

[anpanman]

Thank you! Is it possible to add email sign up as part of a slide show carousel?

[PageFly-Oliver]

Hi @anpanman ,

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
#MainContent .newsletter__wrapper{
background-image: url(https://cdn.shopify.com/s/files/1/0825/9685/6121/files/8_500x.jpg?v=1696491222);
    background-repeat: no-repeat;
    background-size: contain;
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly