Image Block - Border Style


1. Plugin Info

Add a 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 - BORDER STYLE - GHOST //

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

3. Customizable Options

  • Border Style

  • Border Radius


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 - Solid Shadow Style

Next
Next

Replace Mobile Menu = Icon With Text