Jump to content

Removing excess white space below carousel gallery block?

Recommended Posts

I've customized a carousel block on a site I am working on, but when I reduced the max-height so that more images can show at one time, I now have this large area of white space at the bottom of the block that I can't remove? 


Does anyone know how to remove this? (When I try to manually adjust the block size in the editor, the borders turn red and it won't go any smaller in height.)


URL is: https://purple-ocelot-2dea.squarespace.com/

Password is: "GLOW" (all caps)


Here is the code I've added customizing this block: 

//wireline around event gallery images//
.sqs-gallery-design-strip img {border: 1px solid black;}

//padding around event gallery images//
.sqs-gallery-design-strip img { margin-right: 25px; }

// adjusting width and height of gallery//
.sqs-gallery-design-strip img {
  max-height: 700px !important;

Screenshot 2024-05-15 at 2.37.10 PM.png

Link to comment
  • Replies 1
  • Views 203
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.