2017 New Style Cheat Sheet
To access new image options you may...
A. Insert a new image block just as you would a normal image, choosing the IMAGE LAYOUT option you want as you insert it. Then upload your image and tweak options using the DESIGN panel:
B. Insert a plain ("inline") image as you normally would, then click DESIGN to select and formal the type of image you want to insert:
You may get more help here: https://support.squarespace.com/hc/en-us/articles/205814528-Image-Blocks-Overview Remember, if you want to change the look of a block, contact us for help. Don't try to do this work yourself!
Scroll down for examples of all image block layout styles and options, styled to match your theme.
Poster images
Poster no button
Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur. Nunc elementum neque nec sapien volutpat, eu tempor diam auctor. Proin ultricies faucibus velit volutpat eleifend. In faucibus congue dolor eget scelerisque. Maecenas nec mauris interdum, varius ligula et, sagittis tellus. Integer eu diam diam.
Poster w/button
Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur. Nunc elementum neque nec sapien volutpat, eu tempor diam auctor.
Side by side to make a grid
You may put as many images in a row as you want. Text and images will resize automatically based on number of images in each row. You may have as many rows/columns as you want.
Poster no button
Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur. Nunc elementum neque nec sapien volutpat, eu tempor diam auctor.
Poster no button
Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur. Nunc elementum neque nec sapien volutpat, eu tempor diam auctor.
Card image options
Card no button
Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur. Nunc elementum neque nec sapien volutpat, eu tempor diam auctor.
Card w/button
This one is RIGHT JUSTIFIED! Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur.
Side by side to make a grid
You may put as many images in a row as you want. Text and images will resize automatically based on number of images in each row. You may have as many rows/columns as you want.
Card no button
Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur. Nunc elementum neque nec sapien volutpat, eu tempor diam auctor.
Card no button
Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur. Nunc elementum neque nec sapien volutpat, eu tempor diam auctor.
Overlap images
Overlap no button
Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur. Nunc elementum neque nec sapien volutpat, eu tempor diam auctor.
A link looks like this
Overlap w/button
Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur. Nunc elementum neque nec sapien volutpat, eu tempor diam auctor.
Overlap images in a grid - will resized based on number of images per row
Overlap one
Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur. Nunc elementum neque nec sapien volutpat, eu tempor diam auctor.
Overlap two
Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur. Nunc elementum neque nec sapien volutpat, eu tempor diam auctor.
Collage image options
Collage no button
Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur. Nunc elementum neque nec sapien volutpat, eu tempor diam auctor.
Collage w/button
Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur. Nunc elementum neque nec sapien volutpat, eu tempor diam auctor.
Collage images in grid - will resize automatically based on number of images in row.
Collage one
Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur. Nunc elementum neque nec sapien volutpat, eu tempor diam auctor.
Collage two
Mauris quis condimentum lacus, in hendrerit dui. Cras aliquet suscipit nulla non efficitur. Nunc elementum neque nec sapien volutpat, eu tempor diam auctor.
