Hi thank you - salt-sista.myshopify.com gockau
Topic summary
A Shopify store owner using the Showcase theme is attempting to reduce white spacing around product displays to 4px across multiple sections. They successfully reduced column spacing in the Featured Collection using custom CSS but struggled with row spacing and margins elsewhere.
Solutions Provided:
Two community members offered CSS code snippets to add to the assets/styles.css file:
- Code targeting
.product-blockelements withmargin-top: 0 !importantfor mobile screens - Alternative code with more specific class selectors setting both margin and padding to 0
Both solutions successfully resolved the initial spacing issues.
Remaining Issue:
The original poster reports a new problem on collection pages specifically: the left margin/padding is cutting off product text. This issue doesn’t occur on the homepage featured or collection sections. The problem appears related to their .half-gutter .column CSS rule (padding-left: 4px), which is affecting the left side too severely on collection pages only.
The discussion remains open with this secondary issue awaiting resolution.
1 Like