Compact spacing: reduce row gaps and padding on collection cards

1293d3ea973e995f868c9005a30a90c9776a35e2 · 2026-06-22 18:36:28 -0700 · Steve Abrams

Files touched

M shopify/_cwGRID/assets/custom.css

Diff

commit 1293d3ea973e995f868c9005a30a90c9776a35e2
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Jun 22 18:36:28 2026 -0700

    Compact spacing: reduce row gaps and padding on collection cards
---
 shopify/_cwGRID/assets/custom.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/shopify/_cwGRID/assets/custom.css b/shopify/_cwGRID/assets/custom.css
index 7c4be59e..e4b8b41c 100644
--- a/shopify/_cwGRID/assets/custom.css
+++ b/shopify/_cwGRID/assets/custom.css
@@ -1436,3 +1436,19 @@ input.add-to-cart:hover,
 .dw-hover-label {
   display: none !important;
 }
+
+/* Compact spacing: reduce gaps between rows */
+.collection-products {
+  gap: 8px !important;
+  row-gap: 4px !important;
+}
+
+/* Reduce item margins/padding */
+.product-list-item {
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+.product-list-item-thumbnail {
+  margin: 0 !important;
+}

← 221b7f8e Add Approach B deployment guide + testing checklist · back to Designer Wallcoverings · Cards: image only, zero space below (details height: 0) cfc5de8d →