Full width product grid on Testament theme

Shopify Discussion
, ,

Topic summary

A user wants to expand their product grid to full width on collection pages in the Testament theme, eliminating gaps on both sides to make product images larger.

Solution provided:

  • Add custom CSS code to the product grid section via the theme customizer
  • Target #main-collection-form .grid__wrapper with max-width: 100% and width: 100%
  • If applying the code outside the product grid section’s Custom CSS setting, add !important declarations to ensure the styles override existing rules
Summarized with AI on October 24. AI used: claude-sonnet-4-5-20250929.
1

On collection page, my product grid has gap on both side. I want to increase the width of this product grid, so that my product images get bigger.
Can anyone guide me to it?

saucypeach .com

1 Like
2

In “Customize” you can paste this code into product grid section “Custom CSS” setting:

#main-collection-form .grid__wrapper {
  max-width: 100%;
  width: 100%;
}

If you use the code elsewhere, you’d need to add !important for each property:

#main-collection-form .grid__wrapper {
  max-width: 100% !important;
  width: 100% !important;
}