Hello,
can someone tell me how to reduce the distance between the product picture and product title?
Im using the Brooklyn theme: aliudclothing.com
Thank you!
Kim
Topic summary
A user seeks to reduce the spacing between product images and titles on their Brooklyn theme Shopify store.
Two CSS solutions proposed:
-
Custom CSS via theme.liquid: Add a
<style>block above the</body>tag in theme.liquid file with CSS targeting the spacing. -
Direct stylesheet modification: Insert CSS code into the theme.scss.css file (Assets folder) with the following rule:
.grid-product__meta {
text-align: center;
margin-top: -25px;
}
Both approaches use negative margin to pull the title closer to the image. The second solution appears more complete with specific class targeting and a -25px top margin adjustment.
Status: Solutions provided but not yet confirmed as implemented or effective by the original poster.
1 Like
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
Hello @KimGottwald ,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.scss.css and paste this at the bottom of the file:
a.grid-product__meta {
text-align: center;
margin-top: -25px;
}
