Solid Drop Shadow Archive Block

Look Demo

Give the archive block a solid drop shadow and larger style. This plugin uses css editor and works with all template families.

Drop Down Archive Block.png

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.

// Solid Drop Shadow Archive Block //

.sqs-block-archive .archive-block-setting-layout-dropdown.archive-block-wrapper {
  background: #000000;
  color: #fff;
  padding: 20px;
  box-shadow: 10px 10px #FF6969;
  font-size: 16px;
  font-family: Poppins;
  text-align: center;
}

Customize

There are a few ways you can customize:

  • Background, border, color: These target the colors of the block, border, and text.

  • Padding: This will make the archive block smaller or larger in size.

  • Box Shadow: The color and size of the solid shadow behind the archive block.

  • Font size, family, and align: Adjust the font and its style within the archive block.

Notes

No notes.

Moov Labs