Debut theme - add a background image to the section

Solved
Highlighted
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
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
Shopify Expert
1381 112 211

please provide a store url to better assist

0 Likes
Highlighted
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
Highlighted

This is an accepted solution.

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
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
Highlighted
New Member
7 0 0

amazing. thank you so much. 

0 Likes
Highlighted
New Member
1 0 0

Hi
Thanks for the code about the background image it seems to be aligned to the left always.
I would like to align it to the right behind the image part as the image is on the left side now.
I have attached the screenshot , the background image which is a light vector image has gone behind the collection image rather than the text.
I would like the background image to be behind the propworks original stove text.
Screen Shot 2020-10-30 at 16.43.09.png
I have used this code

div#shopify-section-1603874170006 {
background-image: url("https://cdn.shopify.com/s/files/1/0474/8659/9332/files/imgopq.png?v=1604043177");
background-repeat: no-repeat;
background-size: 50%;
}
Thanks in advance

0 Likes
Highlighted
New Member
1 0 0

Hi ,I checked your description carefully. I am familiar with Shopify with web design. I have developed a lot of websites with Shopify. If you are looking for a hardworking, talented Designer who makes an extra effort then I would love to work for you. Successfully Launch Your Shopify store 7 in Easy Steps.
1.SING UP
2.THEMES
3.PRODUCTS
4.PAYMENT GATEWAY
5.PAGES
6.BLOG
7.LAUNCH
 Included  My Service;
✓ Domain Connect ✓ Sales Channel ( Facebook) ✓ Facebook Pixel ✓ Facebook Shop ✓ Pages ( About, Contact, FAQ, Privacy, TOS, Refund, Shipping) ✓ Google Analytics ✓ Social Pages Connect ✓ Payment Gateway Setup ✓ ) shopify SEO description and content optimization  full seo in your store. .
One thing I am especially good at is getting your job done quickly and 100% to your satisfaction.
Please initiate a chat session for more discussion about the project. I am looking forward to working with you.
Regards
suma_rani  

https://www.fiverr.com/suma_rani?up_rollout=true

 

0 Likes