A Shopify store owner is attempting to add a background image to an “Image with Text” section on their homepage using custom CSS for the Dawn theme, but the code isn’t working as intended.
Current Issue:
.image-with-text.content-container with a background image URLTechnical Details:
background-size: cover and no-repeat propertiesStatus: The issue remains unresolved. One community member requested clarification about the image location on the homepage, and the original poster has shared additional details including a screenshot demonstrating the padding/coverage problem. A private message was also sent for further troubleshooting.
Adding this code below to add a background image to just a section on the homepage its not working. The section is an Image with Text.
.image-with-text.content-container {
background: url(“https://cdn.shopify.com/s/files/1/0615/8116/4622/files/Test_backround_1.png?v=1730835297”)
no-repeat;
background-size: cover;
}
Website Link: https://theweekenders.ca/?_ab=0&_fd=0&_sc=1
Hi @Weekenders
I cant fid the image with text section in your homepage.
https://theweekenders.ca/?_ab=0&_fd=0&_sc=1
It should be right under the image banner - there is nothing in it, it just has a pink background.
Hi @Ademola21
This seems to just change the background of half of the image with text? It has turned redish.
Hello, I have included an image. It seems there is a padding around the section and the background image is only covering the text portion.
Sent you a message
