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

builtbylava

Circle Member
  • Content Count

    6
  • Joined

  • Last visited

Reputation Activity

  1. Love
    builtbylava reacted to SDAgency in 3 Images - Column Equal Width Workaround   
    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...
    Create a BLANK page section with MANAGE SECTIONS. Remember the name of this section for CSS in Step 4. Add your three equal size height and width images (like client / customer logos with same pixel dimensions.) Go to Custom CSS and add this code... #yoursectionname {margin-left: auto; margin-right: auto; display: block; width: 75%;}Adjust the width to wider or more narrow. Works like a charm for us. Hope this helps.
×
×
  • Create New...