Hello,
pass: awttad
Topic summary
Main issue: keep the product page “Add to Cart” left-aligned while keeping collection page buttons centered, and make all collection page buttons align across the grid (Shopify: product page = single product view; collection page = product grid).
Key steps and outcomes:
- After the store URL/password were shared, a CSS fix was provided to left-align the product page form: add a rule targeting the product template form with text-align: left. The OP confirmed this worked.
- To align “Add to Cart” buttons across collection grids, contributors suggested setting a minimum height on product title elements so product cards equalize in height, causing buttons to line up. Two CSS variants were shared: one scoped to product recommendations and another targeting .grid-uniform p.grid-link__title. The OP confirmed success.
Notes:
- Code snippets are central; changes were made in theme asset CSS files via Online Store > Theme > Edit code.
- Screenshots were attached but not essential to apply the fixes.
Status: Original request resolved. A later participant reported their button not centering (with a screenshot), which remains unresolved in-thread.