Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
natascha.elena

Site won't size images equally.

Question

I've got 5 images that I want equally sized on one line. I can't just put them in a grid since they're CSS buttons for a hover over effect. When I add 3 to a line, or 4 to a line, they work fine--they show up equally sized. But when I add 5 on one line,  three are small and two are larger. 

 

When I add a small spacer on each size, they suddenly become equal in size, but that makes them way too small to be legible. 

 

Included a photo of with and without spacers.

Screen Shot 2019-11-30 at 2.24.39 AM.png

Screen Shot 2019-11-30 at 2.24.51 AM.png

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

As Squarespace uses a 12-column grid, you cannot evenly space five separate blocks. You can do this with a Gallery Grid or a Summary Block but you’ll need to amend you code to work with one of these. 


World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm currently booked until the middle of June 2020.
Prebuilt Squarespace Extensions for Squarespace 7.0 and 7.1: Enquiry Form ExtensionDate Picker Extension and Age Verification Extension 
Custom Squarespace Extensions: Tell me about the functionality you need

**NEW** Our popular Wishlist extension is now Squarespace 7.1 compatible.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...