Jump to content

Bottom of my images / padding forces my buttons to be way lower than expected. Is there a way to fix this?

Recommended Posts

Site URL: https://www.jsnjay.com/case-studies/rbc

Bottom of my images / padding forces my buttons to be way lower than expected. Is there a way to fix this?

This template features this micro-animation of images sliding up and I've leveraged that to use in my portfolio to create this seamless transition. However if my images are lower than a certain px Height size it breaks this transition, forcing me to create images that are all the same size. 

This creates for uncessary white space at times and even more so it pushes the footer and any buttons I have way below. More than I expected. Does anyone have a fix to move the button up closer? or to adjust / keep this sliding effect if I change the picture size?


Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

You can adjust the last section height from medium to small. 

To change individual page section padding:

  1. Click Edit on a page, then click the pencil icon on a section.
  2. In the Format tab, use the Section Height and Content Width options to adjust the amount of space in the section. 
  3. In the Background tab, click Full Bleed or Inset to set the width of the section content. 


Edited by derricksrandomviews
Link to comment
On 4/12/2021 at 6:41 AM, jsnjay said:

I can't edit the height from medium to small as this images are placed in a gallery.  It is Inset

Hi. Have you solved this yet?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.