Remove white space between product title & price on collection page

[WVU]

Hi,

How can I remove the line of white space between the product title and price:

URL: https://utrecht-winkel.nl/collections/alle-producten

Thanks a lot in advance! 🙂

Kind regards,

Teun

[Moeed · Accepted solution]

Hey @WVU 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-block__title {
    min-height: auto !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[ZestardTech]

Hello @WVU 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > style.css and paste this at the bottom of the file:

.product-block__title {
min-height: auto !important;
}

[steve_michael2]

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.product-block__title {
    font-size: 1.5rem;
     min-height: 0px !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!

[websensepro]

Hi @WVU ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.product-block__title {
   
    min-height: 10px;
}
</style>

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution. 
If you are happy with my help, you can help me buy a COFFEE
Thanks!