Reduce space on product details homepage featured collections

14 0 9


I need to edit the code of my store for the homepage: i have a few featured collections with some products which details are shown on hover (on the desktop page). I need to reduce the space between the products name and the price:

Schermata 2021-07-14 alle 15.40.48.pngSchermata 2021-07-14 alle 15.42.12.png


It is more visible on the mobile version.


Can you help me?

Theme is Capital

Password: eamats


Thank you very much!

Gloria Basset


113 26 39


To fix this problem, you can install my free app Custom CSS and add the following code

If you don't want to install the app, you can add the following at the bottom of your assets/styles.scss.liquid or assets/theme.scss.liquid file

.template-index .product-item .product--item-title {
  margin-bottom: 0px !important;
Found my answer helpful? Please LIKE or Accept Solutions.
You may be interested in our apps
Scrolly Telling creating scroll-based animations visually.
Awesome Product Description adding tabs and beautiful contents to product description.
Shopify Partner
1385 389 944

This is an accepted solution.

hello @gloriabasset 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.template-index .product-item .product--item-title {
  margin-bottom: 0px !important;


Want to theme customize contact us E-mail :
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
14 0 9

It worked, thank you very much!