Image Block Drop Shadow On Hover

Look Demo

Add a simple drop shadow effect to any image block. This plugin uses css editor and works with all template families.

How To Install

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

// Image Block Drop Shadow Hover //

.image-block:hover {
  filter: drop-shadow(5px 5px 8px #000000);


Change the drop shadow px sizes and #000000 color value to your liking.


No notes.