Jump to content

7.1 Reduce vertical padding between header and gallery section below it.

Recommended Posts

Site URL: https://alleycatsphotos.com

I want to reduce the vertical padding between my home page header and the masonry-grid gallery section below it. I've tried several of the CSS solutions offered here in the Forum, without any effect at all. Can anyone help? Please be explicit in your suggestion, such as Home > Design > Custom CSS. I'm still struggling to learn 7.1. This is a screenshot of the the gallery section from right-click Inspect window. Thank you!


Edited by sjet
Originally forgot to "notify of replies" found I couldn't turn on after posting, decided to add more tags.
Link to comment
  • Replies 7
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

  • 2 years later...
On 12/14/2022 at 12:20 AM, louisemcilroy said:

Hey @tuanphan Thanks for the help! this worked for me, however I would also like to do the same for mobile. Do you know what the code would be here to decrease the padding between the image and the header? 



Try this, if it doesn't work, please share link to your site, we can check easier

.homepage .gallery-masonry {
    padding-top: 0px !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.