How can I add a background image to the newsletter section in the Brooklyn theme?

Store Design
1

Hi everyone, I’m using the Brooklyn theme and would like my newsletter section to include a background image.

I tried to two methods featured in this conversation : https://community.shopify.com/c/Shopify-Design/Brooklyn-newsletter-section-background-image/m-p/630834#M157873

but unfortunately none of them worked.

Can someone help me with this ?

Thank you in advance

2

Please share your store url with storefront password.

1 Like
3

Hi there, my store URL : https://maitriscove.com/

4 
.index-newsletter-section .newsletter {
    background: url(https://cdn.shopify.com/s/files/1/0276/6792/2996/files/Ueberschrift_hinzufuegen_1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
2 Likes
5

Hi, was it meant to be copied on the bottom of the file : theme.scss.liquid ?

In which case, it didn’t work :confused:

6

Upload your background image to settings > files.

Then copy url.

Replace your url in given css code.

Copy and paste at bottom of theme.scss.liquid file. It will work.

1 Like
7

It worked. Thank’s a lot :slightly_smiling_face:

8

Bro I need help in changing my newsletter background im new at Shopify so can you maybe show me how it works step by step or with an video tutorial it will be very helpful for me . THANK YOU !!