Image Block - Solid Shadow Style


1. Plugin Info

Add a solid shadow and border style to the image block.

  • Works with Squarespace 7.1 (Fluid Engine)

  • Uses Custom CSS


2. Add this code to Custom CSS

// IMAGE BLOCK - SOLID BOX SHADOW STYLE - GHOST //

.sqs-block-image .design-layout-fluid .sqs-image {
  border: 1px solid #000 !important;
  border-radius: 10px !important;
  box-shadow: 5px 5px #000 !important;
}

3. Customizable Options

  • Border Style

  • Border Radius

  • Box Shadow Style


4. Plugin Notes

  • Applies to the Image Block

  • In the Image Block settings, set the image to the fill style

  • A border radius option has been included to easily apply to all image blocks


Previous
Previous

Image Block - Tilt Hover

Next
Next

Image Block - Border Style