Adding e-mail sign up form background image

Adding e-mail sign up form background image

anpanman
Excursionist
28 0 6

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?

Replies 3 (3)

INA_MSWEB
Shopify Partner
1281 144 166

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

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin

anpanman
Excursionist
28 0 6

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

PageFly-Oliver
Shopify Partner
878 190 182

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.