Hello,
how can I remove the gap between product title and price, as highlighted in this photo?
Thank you!
Kim
Topic summary
A user seeks to reduce the vertical spacing between product titles and prices on their Shopify store, providing a screenshot highlighting the gap.
Proposed Solutions:
Three respondents offered CSS-based fixes:
-
Dan-From-Ryviu suggested adding CSS targeting
.grid-product__titlewithmargin-bottom: -4px !important; -
Moeed recommended inserting custom CSS in the
theme.liquidfile above the</body>tag -
PageFly-Noah advised placing code in
theme.liquidabove the</head>tag
Implementation Steps:
All solutions involve:
- Navigating to Online Store → Themes → Edit Code
- Locating the
theme.liquidfile - Adding custom CSS code at specified locations
Status: Multiple solutions provided but no confirmation yet on which approach resolved the issue. The discussion remains open pending user feedback.
Hi @KimGottwald
You can add this code to do that
.grid-product .grid-product__title { margin-bottom: -4px !important; }
Hey @KimGottwald
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @KimGottwald
This is Noah from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Noah | PageFly