Padding between collection items - Prestige theme

Shopify Discussion

Topic summary

A Shopify store owner using the Prestige theme is trying to reduce padding between collection page items while maintaining full-width product display. They’ve already applied custom CSS to make products display full width but want to minimize spacing further.

Attempted Solutions:

  • Multiple community members provided CSS code snippets to adjust .product-list row and column gaps
  • Initial solutions reduced padding but created unwanted side effects: white space on right side, left-aligned content, and products pushed off-screen
  • Additional code was suggested to address alignment issues using .color-scheme container adjustments

Current Status:

  • Unresolved - After trying several CSS modifications, none achieved the desired result without introducing layout problems
  • The user decided to abandon the customization, suspecting the Prestige theme has inherent limitations preventing both full-width products and minimal row padding simultaneously
  • The discussion highlights compatibility challenges when heavily customizing premium Shopify themes
Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
3

Hello @emilyaugstudios
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file.

.product-list {
row-gap: 2px !important;
column-gap: 2px !important;
}

result

12.png
12.png1292×560 244 KB

If this was helpful, hit the like button and accept the solution.
Thanks