Brooklyn - newsletter section background image

Solved
Highlighted
Tourist
26 0 1

Hello! 

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

Thank you!

0 Likes
Highlighted

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
26 0 1

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
Highlighted

@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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
26 0 1

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
Highlighted

This is an accepted solution.

@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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
2 Likes
Highlighted
Tourist
26 0 1

Thank you! :)

0 Likes
Highlighted
Tourist
3 0 1

@oscprofessional has the answer to this. The only thing I would add to make this a bit easier is to upload your image to your Shopify account by going to Settings > Files and then copy the URL of your image to paste after background: url (place image url link);
Also for reference I deleted the 'background-size: 100% 100%; code
After that it is just a test of trial and error finding the right size of an image to make work properly on all formats (ie - desktop, laptop, mobile).
I hope this helps a bit more for everyone out there looking for the answer to place an image behind your Newsletter section.  - 3/18/2020

0 Likes
Highlighted
New Member
1 0 0

hi team 

this solution is not working for me is there another way?

0 Likes