What's your biggest current challenge? Have your say in Community Polls along the right column.

Adding background image to specific section using Custom CSS code - Not Working - Dawn Theme

Adding background image to specific section using Custom CSS code - Not Working - Dawn Theme

Weekenders
Tourist
19 0 1

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

Replies 5 (5)

Made4uo-Ribe
Shopify Partner
9133 2180 2688

Hi @Weekenders 

I cant fid the image with text section in your homepage. 

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Weekenders
Tourist
19 0 1

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. 

Weekenders
Tourist
19 0 1

Hi @Ademola21

 

This seems to just change the background of half of the image with text? It has turned redish.

Weekenders
Tourist
19 0 1

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. 

 

Weekenders_1-1730848105916.png

 

 

Weekenders
Tourist
19 0 1

Sent you a message