FROM CACHE - en_header

add a background image to newsletter dawn theme

Solved
urbantis
Shopify Partner
102 0 39

Hi, how can I background image to newsletter dawn theme?

Thanks for your help

Accepted Solution (1)

Accepted Solutions
Mr_RaviRaj
Shopify Partner
505 57 96

This is an accepted solution.

@urbantis 

.newsletter__wrapper.color-background-image.gradient.content-container.isolate.section-template--15942398640382__16511372724de01edd-padding {
    background-image: url(https://cdn.shopify.com/s/files/1/0613/6499/4302/files/Copy_of_3_Webiste_Banners_3.png?v=1651134449&width=1780) !important;
}

Add this code in the bottom of newsletter-section.css.
Thank you.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: raviraj@zworthkey.com
,We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages

View solution in original post

Replies 7 (7)
Mr_RaviRaj
Shopify Partner
505 57 96

@urbantis 
use this code and Add your Images.
like this you can use.

background-image: url('img_girl.jpg');

use the id or class to add into your newsletter background image.

Thank you.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: raviraj@zworthkey.com
,We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
oscprofessional
Shopify Partner
12490 1931 2478

@urbantis ,

Share your store URL.

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
urbantis
Shopify Partner
102 0 39
urbantis
Shopify Partner
102 0 39

thank you, but it does not work, it just ads to the borders and I still see the white background of the section

Mr_RaviRaj
Shopify Partner
505 57 96

This is an accepted solution.

@urbantis 

.newsletter__wrapper.color-background-image.gradient.content-container.isolate.section-template--15942398640382__16511372724de01edd-padding {
    background-image: url(https://cdn.shopify.com/s/files/1/0613/6499/4302/files/Copy_of_3_Webiste_Banners_3.png?v=1651134449&width=1780) !important;
}

Add this code in the bottom of newsletter-section.css.
Thank you.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: raviraj@zworthkey.com
,We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
urbantis
Shopify Partner
102 0 39

Thanks, how can I add it also to the featured collection background? can you help?

oscprofessional
Shopify Partner
12490 1931 2478

@urbantis ,

.color-background-1.gradient {
    background: url('https://cdn.shopify.com/s/files/1/0613/6499/4302/files/Copy_of_3_Webiste_Banners_3.png?v=1651134449&width=1780');
}

You can change the image.

 

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing