How can I add an image to the newsletter section background?

Shopify Discussion
1

Hello.

I am trying to add image as a background in newsletter section.

Right now it’s just blank background right now and can’t seem to find a way.

If you know the coding that I can add or the way to add image, let me know.

I appreciate your help ! Thank you :slightly_smiling_face:

Screen Shot 2023-02-22 at 7.50.39 PM.png
Screen Shot 2023-02-22 at 7.50.39 PM.png1041×379 12.9 KB

2

@Chi-Bates

Please share your site URL,

I will check out the issue and provide you a solution here.

3

Hello @Chi-Bates

Can you give me your page URL( with pass if your store password is enabled) so I can check it and maybe give you a solution?

Kind & Best regards,
GemPages Support Team

4

https://mona-and-co.myshopify.com/admin/themes/121160794298/editor

This website is not published yet, so i believe this is the link.
Let me know if this doesn’t work.

Thanks !

5

@Chi-Bates

We can’t find the newsletter section. please tell us where it is?

6

Hello @Chi-Bates

Your link is incorrect. If your theme is unpublish, please follow steps below to get your page URL and please give me pass (if your store password is enabled)

GemPages_2-1677128197500.png
GemPages_2-1677128197500.png975×168 13.2 KB

GemPages_3-1677128251585.png
GemPages_3-1677128251585.png1323×704 21.3 KB

Kind & Best regards,
GemPages Support Team

7

Hi @Chi-Bates ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.scss->paste below code at the bottom of the file:

[data-section-type="newsletter-section"] {
    background: url("https://cdn.shopify.com/s/files/1/0441/8325/7248/files/010-17_2_300x300.jpg?v=1677121513") no-repeat center;
    background-size: cover;
}

NOTE: You can change URL value to fit your website

I hope it would help you
Best regards,

Richard | PageFly

1 Like