Reduce space on product details homepage featured collections

Solved
gloriabasset
Excursionist
14 0 9

Hello!

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

 

LamQSolutions
Pathfinder
113 26 39

Hi,

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.
Natztech
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 : natztech2312@gmail.com
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
gloriabasset
Excursionist
14 0 9

It worked, thank you very much!

0 Likes