A user is attempting to add a background image to a specific section in Shopify’s Dawn theme but the CSS code isn’t working when added to base.css, despite working in browser inspect tools.
Troubleshooting attempts:
Initial CSS targeting the section ID didn’t apply the background image
Alternative selector targeting the multicolumn class also failed when added to base.css
Attempting to add code through the theme editor produced an error
Changes work in browser developer tools but don’t persist when coded into the stylesheet
Current solution:
A helper provided working CSS using the multicolumn class selector with specific height (500px) and background properties. However, they noted the original image has large pixel dimensions that may hide bottom text content. The code includes background-size: cover and background-position: center no-repeat to properly display the image.
The discussion appears resolved with functional CSS provided, though implementation location (where to add the code) may still need clarification.
Summarized with AI on November 18.
AI used: claude-sonnet-4-5-20250929.
I’m looking to set an image as the background for the below section on my site. I used this code to do so but it doesn’t appear to be updating. Any help would be appreciated.
Yes, it appears that when you make changes to that selector through the inspect tool, they are reflected. But when I code the changes in base.css, they don’t show up. For example:
