Shopify themes, liquid, logos, and UX
Hello, How can I add a background photo instead of color in the "Image with text" section?
Solved! Go to the solution
This is an accepted solution.
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;
}
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.
thanks, for url can you please share postcode
This is an accepted solution.
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;
}
Thank you, works perfectly!
its my pleasure to help us
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)
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024