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

Topic summary

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:

  • The CSS targets .image-with-text.content-container with a background image URL
  • Instead of displaying the image properly, only a pink background appears
  • An uploaded image shows padding around the section, with the background only covering the text portion rather than the full section

Technical Details:

  • Site URL: theweekenders.ca
  • The background image should appear directly under the main image banner
  • CSS includes background-size: cover and no-repeat properties

Status: 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.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

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.