How can I adjust the picture sizes in my Prestige Theme collection?

Store Design
, , ,

Topic summary

A user wants to reduce or eliminate gaps between collection images in their Prestige theme store. They find the current padding/margin between images too large and want the pictures to fill more space.

Solution provided:

  • Add custom CSS code to the theme.css file (found in Assets)
  • Two options offered:
    1. Remove all gaps: Use CSS to set margin and padding to 0 for .CollectionList--spaced elements
    2. Keep small gaps: Alternative code provided for minimal spacing

Technical details:

  • Code targets screens wider than 641px (desktop view)
  • Uses !important flags to override existing theme styles
  • Includes a visual example screenshot showing the no-gap result

The discussion appears resolved with a working CSS solution, though user confirmation is pending.

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

Hi There Shopify Community,

I am trying to make a small adjustment to the store but its nog working.
I would like to make the collection pictures bigger that there is a small to no gap betweem them

See picture

Screenshot 2023-03-17 at 14.15.27.png
Screenshot 2023-03-17 at 14.15.27.png2878×1490 254 KB

I dont like that there is so much padding or margin between it.
So basically I want it fill

Thanks in advance!
Site: Needsomemore.com
pw: NSM2213321

2

@User27272727272

Hi,

Do you want to remove all padding & margin around them as below?

20230317_223741.png
20230317_223741.png1898×872 70.6 KB

If you want to make them as above, please go to Assets > theme.css file and add the code below.

@media screen and (min-width: 641px) {
  .CollectionList--spaced {
    margin: 0 !important;
  }
  .CollectionList--spaced .CollectionItem {
    padding: 0 !important;
  }
}

If you like to add a small gap, please use the code below.

@media screen and (min-width: 641px) {
  .CollectionList--spaced {
    margin: 0 !important;
  }
  .CollectionList--spaced .CollectionItem {
    padding: 1px !important;
  }
}

Hope it helps.