Add a scale up hover effect to the images in a grid gallery section. This plugin uses css editor and works with Squarespace 7.1.

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

Grid: Simple Layout

Grid: Strips Layout

Grid: Masonry Layout

Adjust the transform and transition values to your liking.

There are three separate codes that target each grid gallery type: Simple, Strips, and Masonry. Check your gallery section settings to see which gallery type you are using.