Recreate Classic Image Block Layouts in Squarespace Fluid Engine

With the release of Squarespace’s new editor Fluid Engine a lot of designers are working to navigate all the changes. One of the changes was the removal of the classic image block layouts such as collage image blocks, poster image blocks, and overlap image blocks.

So, in this video I show you how to recreate the image block layouts from the classic editor in the new Squarespace Fluid Engine editor.

 
 
creating classic image layouts in fluid engine pinterest pin

The following code was used in the video:

/* Show caption on hover */
.FE_BLOCK {
  display: none;
}

.FE-BLOCK:hover ~.FE-BLOCK {
  display: block;
}
 
 
Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

5 Best Practices for Getting Paid as a Website Designer

Next
Next

How will Fluid Engine affect my code?