Adding a background to a section

[smomin93]

Hello. I want to add a background image behind the text in the section I attached below. Basically instead of the background being white, i want to change it to a different color or even add an image of my own. How do I do this? Thank you!! 

[KetanKumar · Accepted solution]

@smomin93 

sorry for late reply yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.newsletter {background-color: #eeeeee;} /* change color as you like */

[KetanKumar]

@smomin93 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[smomin93]

Hi! My site is www.shopalaika.com and password is yeirow

[smomin93]

@KetanKumar Hi, is there any solution to this? Thank you!

[KetanKumar · Accepted solution]

@smomin93 

sorry for late reply yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.newsletter {background-color: #eeeeee;} /* change color as you like */

[smomin93]

@KetanKumar Thank you Ketan, that worked! Is there a code if I wanted to add an image to the background? 

[KetanKumar]

@smomin93 

great  thanks for update 

its my pleasure to help us 

yes you can do background image 

[smomin93]

@KetanKumar How can i change the background to an image? 

[KetanKumar · Accepted solution]

@smomin93 

you have upload your image in assent folder after copy image link and update below image link jjust

.newsletter {
    background-image: url(https://cdn.shopify.com/s/files/1/0528/2313/0294/products/Facetune_21-06-2021-16-00-15-3_e7fc8875-d24f-4ca9-8003-cc6faad570b9_540x.jpg?v=1624327271);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}