Debut theme - add a background image to the section

Solved
New Member
7 0 0

 

How to make picture 1 have a background image like picture 2 (full-width)?

Basically, add a background image to the "section"

 

2.JPG

 

 

 

Capture.JPG

0 Likes

Hello 
Please share your site url so that i can check and provide you solution here.

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
Shopify Partner
1147 93 141

please provide a store url to better assist

Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
0 Likes
New Member
7 0 0

Here is the store https://onzeagent.myshopify.com/

 

For the image with overlay text, it is full width. 

For other sections, they are not. it looks bad. I would like to add a light background image or colour to make it better. 

 

Besides, i also want to check if it is possible to add the search bar on the image with overlay. like the example below. 

https://www.coutinho.nl/

0 Likes

Success.

Hello 

Add this css at bottom
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

div#shopify-section-1571647154685 {
    background-image: url("https://cdn.shopify.com/s/files/1/0276/5835/4736/files/51565083927_.pic_hd_1.jpg?v=1571683181");
    background-repeat: no-repeat;
background-size: 100%;
}

You can add change image by changing this url.

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
1 Like
New Member
7 0 0

amazing. thank you so much. 

0 Likes