List collection section GRID on Home Page Dawn Theme

Store Design

Topic summary

A user is seeking help customizing the List Collection section grid on their Dawn theme homepage. They are experiencing two main issues:

Current Problems:

  • Unable to remove spacing/margins around collection images despite attempting code edits
  • Want to overlay collection titles and “Shop Now” buttons directly on the images

Visual Context:
The user has provided three screenshots showing:

  1. Current section appearance with unwanted spacing
  2. Inspection code of the section
  3. Desired final layout

This is a CSS customization request for improving the visual presentation of collection grids. The discussion remains open with no responses yet.

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

Hi

I need help with the grid on my List Colection section on my Home Page (Dawn Theme)

I tried with some code editing but still can’t erase the space or margin around each image. Also I would like Titles are on image with (shop now) buttons.

This is how my section looks right now…

Captura de pantalla (77).png
Captura de pantalla (77).png1365×663 310 KB

This is what i would like to fix and change…

Captura de pantalla (78).png
Captura de pantalla (78).png1364×659 432 KB

This the inspection code of my section…

Captura de pantalla (76).png
Captura de pantalla (76).png1366×768 121 KB