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
Highlighted

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
0 Likes

please provide a store url to better assist

Thanks & Regards
Perennial Solution

Would like to add new functionality or customize an existing one, please hire us.
If helpful then please Like and Accept Solution .
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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Web Development
1 Like
New Member
7 0 0

amazing. thank you so much. 

0 Likes