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

3 Images - Column Equal Width Workaround


SDAgency

Question

One of the things that disappoints us about Squarespace is the inability to do 3 equal column layouts with images if you need space on the sides. Sometimes you don't want giant images and saving images with a ton of whitespace canvas is just kinda silly and looks bad on mobile. Seems every other web platform has kept up with the demands of responsive layouts.

Maybe others are using this hack (or a better one), but posting this in case anyone else is struggling.

So to center three images...

  1. Create a BLANK page section with MANAGE SECTIONS.
  2. Remember the name of this section for CSS in Step 4.
  3. Add your three equal size height and width images (like client / customer logos with same pixel dimensions.)
  4. Go to Custom CSS and add this code... #yoursectionname {margin-left: auto; margin-right: auto; display: block; width: 75%;}
    1. Adjust the width to wider or more narrow.

Works like a charm for us. Hope this helps.

Edited by SDA
Initial Revision
Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

One of the things that disappoints us about Squarespace is the inability to do 3 equal column layouts with images if you need space on the sides. Sometimes you don't want giant images and saving image

Is there a way to do this without it affecting the banner image behind it? It’s making the background image the same width as well.... thanks!!!

6 answers to this question

Recommended Posts

  • 0
On 5/27/2020 at 2:52 AM, MistyStatum said:

Is there a way to do this without it affecting the banner image behind it? It’s making the background image the same width as well.... thanks!!!

I noticed this as well recently.

@SDAgency is there a way to avoid this?

Thank you for your help in advance

 

Link to post
  • 0

Hi folks,

Just wanted to follow up. This is an amazing hack! Has anyone found a way to prevent the margins from applying to the background as well? @SDAgency?

Thanks!

Link to post
  • 0
On 7/14/2020 at 4:57 AM, Samuel said:

Hi folks,

Just wanted to follow up. This is an amazing hack! Has anyone found a way to prevent the margins from applying to the background as well? @SDAgency?

Thanks!

If you share link, we can check easier.

You can send your question to my email to get detail answer. / How to Setup Password & Share URL 

-- I came back. Will answer soon.

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