Solved

Add a background photo instead of color. (Express theme)

ernestx
Tourist
5 0 4

Hello, How can I add a background photo instead of color in the "Image with text" section? 

Screenshot 2021-11-19 at 3.20.18 pm.png

Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@ernestx 

yes please try this code

added this code theme.min.css >>> bottom of the file

/* change your image as you like upload asset folder and file manage thene add cdn likn */
#shopify-section-image-with-text-0 .image-with-text--full_background {
    background: url(//cdn.shopify.com/s/files/1/0600/9801/9533/files/1_7695a89d-93b1-41bb-91f0-e0906a729a0c_503x503.jpg?v=1634638439) center center / cover no-repeat;
    background-position: center center;
    background-repeat: no-repeat;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 8 (8)

KetanKumar
Shopify Partner
36839 3635 11972

@ernestx 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ernestx
Tourist
5 0 4
KetanKumar
Shopify Partner
36839 3635 11972

@ernestx 

thanks, for url  can you please share postcode

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ernestx
Tourist
5 0 4
N15 3AU
KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@ernestx 

yes please try this code

added this code theme.min.css >>> bottom of the file

/* change your image as you like upload asset folder and file manage thene add cdn likn */
#shopify-section-image-with-text-0 .image-with-text--full_background {
    background: url(//cdn.shopify.com/s/files/1/0600/9801/9533/files/1_7695a89d-93b1-41bb-91f0-e0906a729a0c_503x503.jpg?v=1634638439) center center / cover no-repeat;
    background-position: center center;
    background-repeat: no-repeat;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ernestx
Tourist
5 0 4

Thank you, works perfectly!

KetanKumar
Shopify Partner
36839 3635 11972

@ernestx 

its  my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
helpmeplz1
Visitor
3 0 0

Hi, I was able to copy your exact code and it works fine, but the problem is it's covered up by the existing background color, I can see my background show up for 1 second and then get covered up by the yellow color I selected in the theme editor.

 

https://energyeraser.myshopify.com/  (use password "ee" to get in)