Center product grid

Store Design
,

Topic summary

A user seeks help centering product grids on their collection pages at garcondemiel.com. Currently, products align to the left, but they want them centered.\n\nSolution Provided:\nMultiple community members offered the same CSS fix with minor variations:\n\ncss\n.collection #product-grid {\n justify-content: center;\n}\n\n\nImplementation Steps:\n1. Navigate to Shopify Admin → Online Store → Themes\n2. Click \

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.
2

Hello @MerlijnMol , Please add the following CSS code to the bottom of your base.css file:

.collection #product-grid {
    justify-content: center;
}

You can access the base.css file by following these steps:

  1. Navigate to “Themes” in your Shopify dashboard.
  2. Click on “Edit code” for your current theme.
  3. Locate the base.css file under the “Assets” folder.

Once you’ve added the CSS code, save your changes. If you need further assistance, feel free to reach out.

Thank you.