Boundless theme- Adding background image to shopify Newsletter

Technical Q&A
1

Hello all,

Can someone help me figure out how to add a background image to my shopify newsletter?

I am using the Boundless theme.

Thank you,

2

Hi @livin2424 ,

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.

  • Step 2: Go to Assets and upload a background image. Ex name image “background.png”

  • Step 3: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.newsletter-signup .newsletter{
	background-image: url("{{ 'background.png' | asset_url }}");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0;
}

Hope it helps!

3

Hello, thank you for the response.

Can you clarify step 2 more in detail please?

Are you talking about adding a new asset named “background png”? What do you mean?

4

Hi @livin2424 ,

Refer

Screenshot.png
Screenshot.png1249Ă—437 22.4 KB

You need to upload background image here, you can name it as you like.

And the mandatory requirement in step 3 is that this declaration must match the name of the image you upload.

Screenshot.png
Screenshot.png992Ă—458 43.2 KB

Hope it is clear to you.

5

I got it! Thank you very much

1 Like