Jump to content

Image Blocks - 3 in a row with spaces - how?!

Recommended Posts

Hi all.

I really want to have 3 images in a row  with a text overlay (so I've used Poster as the image style) with gaps in between.

Ive tried Spacers but it comes to 11 units so I have an extra gap on either side:
space-image-image-space-image-image-space-image-image-space-space

I made it 4 as you can see in the screenshot attached, but would prefer 3. I also dont want them full width, hence I'd like spacers on the side.

Link: https://www.designgoals.co/start-ux-course

Screenshot 2019-10-13 21.04.47.png

Link to comment
  • Replies 1
  • Views 1.5k
  • Created
  • Last Reply

Hi, 

Have you considered using a gallery block with grid design? If you use image blocks you are dealing with three individual content blocks on a row, which makes custom margin removal really hard. It would be much easier to use a gallery block and then look up the block ID & then give margin-left and margin-right values of -30px (or whatever it takes to remove the extra white space around the images). This however requires a business plan on Squarespace (because of Custom CSS) but I'd guess your site runs on business plan.

Or, if you wanna go with gallery block, you can simply apply our code & create full-width gallery in no time.

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.