Cards: image only, zero space below (details height: 0)

cfc5de8dfd5fba572874856a8ef4e50e85160884 · 2026-06-22 18:36:37 -0700 · Steve Abrams

Files touched

M shopify/_cwGRID/assets/custom.css

Diff

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

    Cards: image only, zero space below (details height: 0)
---
 shopify/_cwGRID/assets/custom.css | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/shopify/_cwGRID/assets/custom.css b/shopify/_cwGRID/assets/custom.css
index e4b8b41c..6238d964 100644
--- a/shopify/_cwGRID/assets/custom.css
+++ b/shopify/_cwGRID/assets/custom.css
@@ -1452,3 +1452,31 @@ input.add-to-cart:hover,
 .product-list-item-thumbnail {
   margin: 0 !important;
 }
+
+/* Product card = image ONLY, zero space below */
+.product-list-item {
+  display: flex;
+  flex-direction: column;
+}
+
+.product-list-item-thumbnail {
+  flex: 1;
+  width: 100%;
+}
+
+.product-list-item-details {
+  display: none !important;
+  height: 0 !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+}
+
+/* Article takes only image space */
+.product-list-item article {
+  display: contents;
+}
+
+.product-list-item {
+  overflow: hidden;
+}

← 1293d3ea Compact spacing: reduce row gaps and padding on collection c · back to Designer Wallcoverings · Ultra-tight grid: 2px gaps (horizontal + vertical) 5143d142 →