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. 


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, Variant Availability and Datepicker Extension
Note that links in my posts may be affiliate links. Need personal help? 
Book a Squarespace Expert.

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...