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

Site won't size images equally.


natascha.elena

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

Link to post
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

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 helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

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