How can I reduce the top and bottom padding of a Portfolio Page (Hover: Fixed style)

Hello, how do I remove/reduce this padding on the portfolio page? 

I've tried adding couple of different Custom CSS coding suggestions but none have worked.

On 7.1, portfolio page style is hover: fixed.

A link to the page you're trying to change would be helpful so that we can provide you with correct CSS!

https://chicken-reed-xyms.squarespace.com/our-teachers

The password is yogastudio

Thanks!

Try this CSS out!

.portfolio-hover-display {
    margin-top: -200px;
}

Thanks! This works but just moves the text up and makes the gap at the bottom bigger, is there anyway to remove the gap at the bottom as well?

On 11/12/2020 at 6:32 AM, mess_cal said:

Try this CSS out!

.portfolio-hover-display {
    margin-top: -200px;
}

 

Hey there, this worked perfectly! Thanks! I have the same question, can you remove the padding from the bottom as well? I thought it would be as simple as adding margin-bottom but doesn't seem to be working. Thank you!

20 hours ago, tonicastudio said:

Hey there, this worked perfectly! Thanks! I have the same question, can you remove the padding from the bottom as well? I thought it would be as simple as adding margin-bottom but doesn't seem to be working. Thank you!

Can you share link to a page where you want to reduce padding? I think we need another code.

1 minute ago, tuanphan said:

Can you share link to a page where you want to reduce padding? I think we need another code.

for sure: https://www.tonicabrandstudio.com/example

password: australia

If the direct link doesn't work just to go menu>example. 

Thanks!

Oh btw, I've since removed the above code you've provided. So now you'll see the text sits in the middle of the section once again with excessive padding on top and bottom. Just trying to get rid of the padding.

22 hours ago, tonicastudio said:

Oh btw, I've since removed the above code you've provided. So now you'll see the text sits in the middle of the section once again with excessive padding on top and bottom. Just trying to get rid of the padding.

It looks like you solved? 

Also, i see you have some invalid code. Yellow triangle is invalid code. You can remove them.