Brooklyn - newsletter section background image

Solved
New Member
9 0 0

Hello! 

How do I add an image to the newsletter section of the Brooklyn-Theme?

Thank you!

0 Likes

Hello @lisa93,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

#shopify-section-newsletter {
background: url(https://cdn.shopify.com/s/files/1/2227/3159/files/shutterstock_resize.jpg);
}

Note:Add Path of your image

 

But If you want to add background image from admin then you have to customize the theme and add schema for image

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
9 0 0

Hello @oscprofessional 

many thanks for your answer! 

I added the code and the path of my image but unfortunately it doesn't work; the background of the newsletter section is still the same.

 

I'm sorry, I don't understand the following:

 

But If you want to add background image from admin then you have to customize the theme and add schema for image

What do you mean by customizing the theme?

0 Likes

@lisa93,

Customizing theme means you have to add code

 

Please give me your site url and image path so that I will help you

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
9 0 0

My website is: https://www.brotstoff.de

Password to enter the side is: lialte

The url of the image is: https://cdn.shopify.com/s/files/1/0276/6792/2996/files/Ueberschrift_hinzufuegen_1.png?v=1577709047

 

Thanks in advance!

0 Likes

Success.

@lisa93,

Remove old css and add below css

#shopify-section-newsletter .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%;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
9 0 0

Thank you! :)

0 Likes