How can I change my newsletter background to an image?

Store Design
, , ,
1

Hey i want to change the background of my newsletter to an image, how can i do it?

musadecor_0-1672431884767.png
musadecor_0-1672431884767.png1915×788 34.9 KB

2

Hello @musadecor

Could you please share your store url ( with pass if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

3

Hi @musadecor ,

Please follow the steps below:

  • Step 1: Upload background at Settings > Files.

  • Step 2: Go to Actions > Edit code > sections > newsletter.liquid file and add code here:

Screenshot.png
Screenshot.png1161×770 42.8 KB

Code:

.section-{{ section.id }}-padding {
    background-image: url("link file");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

Hope it helps!

4

https://musadecor.shop/

5

hey! it worked thanks alot, but the every image that i put seems to be expanded

musadecor_0-1672512264915.png
musadecor_0-1672512264915.png1898×688 52.8 KB

This was the picture i used

musadecor_1-1672512287211.png
musadecor_1-1672512287211.png305×307 7.49 KB

6

Hi @musadecor ,

Please change code here:

Screenshot.png
Screenshot.png1072×505 71.5 KB

Code:

background-size: contain;
1 Like
7

The newsletter section should be highlighted. it’s most important for collecting newsletter emails. We can use the newsletter emails sync list for marketing purposes with MailChimp email marketing. Thanks for sharing this solution