How do I remove the project section padding?

Site URL: https://designbyding.com

Hi, I am trying to figure out how to remove the extra section padding in the Manage Projects, so that the homepage content could match the height in ABOUT and CONTACT pages.  Please take a look at the screenshots.  

I put two browsers side by side and the homepage with Pages aka with the projects (screenshot #1) is slightly lower than the ABOUT or CONTACT because of the extra section padding.  How do I match the height with CSS override / remove padding?  Please advice.  Thank you very much!  

8 minutes ago, iamdavehart said:

the portfolio / project grid has its own padding. so you'd need to remove that by setting it to 0. 

.tweak-portfolio-grid-overlay-height-custom .portfolio-grid-overlay {
    padding-top: 0 !important; 
}

add this to your page, either within the sites custom css or inside a code block (you would need to put the code above between <style></style> tags if you do that)

 

Hey!  Thank you and much appreciated!  The problem is... I don't know how to code 😅, I understand the concept of it, the padding. I figured I should ask on the forum.

go to the Design section through the main menu, click Custom CSS, paste the code in from my answer and press Save. that should do it.

3 minutes ago, iamdavehart said:

go to the Design section through the main menu, click Custom CSS, paste the code in from my answer and press Save. that should do it.

Yup! It worked. Thank you.