I want to center the divider between the two products
Topic summary
Goal: center a single image (used as a divider) in Dawn’s “Image with text” section, with no text content.
Proposed fix: add custom CSS (in base.css) targeting the specific section ID to: center the grid on desktop (justify-content: center), hide the text column when unused, and constrain image width (~300px). This applies for screens ≥750px.
Outcome: Original poster confirmed the CSS solved their homepage divider image centering.
Follow‑ups: Two other merchants reported the snippet didn’t work for their stores. One needs a divider centered between two products; it’s centered on mobile but not on desktop, likely due to two‑column layout alignment. A helper requested screenshots; one was provided. A YouTube tutorial link offering general guidance on centering images in Dawn was shared.
Notes: The provided CSS is section‑ID specific; each store must adjust selectors to their own section IDs. Desktop alignment depends on the grid container; hiding the unused text column may be necessary.
Status: Original issue resolved. Later cases remain open pending store‑specific CSS adjustments and further details.
