Solid Drop Shadow Archive Block

Drop Down Archive Block.png

Description

Give the archive block a solid drop shadow and larger style. 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.

// 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.


Next
Next

Mega Minimal Archive Block