Get portfolio titles closer together

Hey everyone. So, I managed to get my custom font onto my portfolio section of the website, and I also was able to scale the font down smaller, too, with custom code. However, using the toggle in the regular 'edit section,' I wasn't able to get the titles close enough together. I want them to be close like they are on this website https://www.technique-pr.com/Home. 

Can someone help me with a custom code for this? This below is what I'm working with now. 

.portfolio-hover-item-content {
  font-family: ArticulatCF-Normal;
font-size: 50px!important;}
 

Thanks for your help in advance!

Website password: cejlon2024

I actually found this code and tried it: 

line-height: 10px!important;

And at 10px it adjusted it slightly, but then when I tried to go smaller it actually did nothing. 

On 5/24/2024 at 9:47 AM, tuanphan said:

What is your site url? We can check easier.

Hey sorry I thought it was linked before! https://megalodon-disc-n2ep.squarespace.com/

On 5/30/2024 at 6:45 PM, catemiz said:

Hey sorry I thought it was linked before! https://megalodon-disc-n2ep.squarespace.com/

You can use this to Website > Website Tools > Custom CSS

.portfolio-hover[data-variant-hover-cover] .portfolio-hover-item-title {
    line-height: 40px !important;
}

thank you so much!!