It currently looks like this:
I would like the image to be the same as this, in terms of width, height and placement:
URL for this screenshot: https://honeywellaircomfort.com/
Thank you
Topic summary
Goal: add a custom background image to the multicolumn section in Shopify’s Dawn theme, matching a full-width banner look (reference: honeywellaircomfort.com).
Proposed approaches:
- Edit multicolumn.liquid to add an image setting (picker) and render it in the section’s HTML.
- Add CSS in base.css targeting the specific multicolumn section class (e.g., .section-template–…-padding) with background-image, cover, center, no-repeat, and upload the image to Settings > Files to use its URL.
Latest update: The provided CSS solution did not work for the requester. They shared a new preview link and screenshots, clarifying they need the background’s width, height, and placement to mirror the reference site.
Context notes:
- Preview links expired and were refreshed; screenshots are central to understanding the desired layout and dimensions.
Status: Unresolved. Next steps likely require correcting the CSS selector (ensuring it matches the section’s actual class/ID) or implementing the image as a configurable setting in multicolumn.liquid to reliably control full-width background behavior.