Cannot decrease padding/spacing and its driving me nuts!

I'm having an issue with decreasing the spacing between two items on the page. The website name is kailinart.com. The issue is on the home page between the top banner slideshow and the instagram slideshow.  I've tried many different custom codes found on the forum and nothing is helping! Help! 

Please let me know if there is anything else I need to supply to get this fixed!

Can you share your website URL?

https://kailin-art.squarespace.com/config/

Does this work @Ziggy?

3 minutes ago, Crosbygurlworld said:

Does this work @Ziggy?

 

Your website is private.

oh. How do I give the right information then? This is my first post. @WorkplaceConsultant

Try adding this to Custom CSS:

.collection-type-index .page-content {
    padding: 24px 32px;
}

I added that to the custom css on the full page as well as the banner and the Instagram section. Nothing changed, unfortunately. Anything else you think I could do? @Ziggy

@Ziggy  is very right, have you tried adding the !mportant property?

.collection-type-index .page-content {
    padding: 24px 32px !important;
}

26 minutes ago, VisualNotes said:

is very right, have you tried adding the !mportant property?

.collection-type-index .page-content {
    padding: 24px 32px !important;
}

Always worth a try!

Thank you both for you responses! Is this the right place to be adding the custom code? I've attached where I am. I also had right-clicked and hit inspect but it looks different than your screen. Help?

It worked!! Thank you both very much! That makes complete sense.