Jump to content

Portfolio grid Overlay add vertical spacing

Recommended Posts

  • 1 year later...

I'm having some trouble with this topic, just slightly different. I've created a portfolio page with about 40 items on it, but the Vertical Spacing control is malfunctioning. When I set it to 1px, it separates the rows by far more. Check it out in the screenshot. I'm not using any custom code on this page, but I am using this in the Design > Custom CSS injection field: 


div#gridThumbs {
    max-width: 900px;

But when I remove that code, there's no change. 

Any ideas? Thanks!

Screen Shot 2022-10-12 at 5.35.22 PM.png

Link to comment

I managed to answer my own question but it wasn't very intuitive, so I'm sharing the solution here in case anyone else ever runs into it. 

If your grid spacing is messed up and the slider controls aren't helping, highlight the parameters next to the slider and then manually punch in the pixel count for your vertical and horizontal spacing and it'll force the proper formatting. Not sure if this is a glitch or if I messed up somewhere, but this worked. 

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.