Button Block - Solid Drop Shadow Style


1. Plugin Info

Add a solid drop shadow style to the button block (all sizes).

  • Works with Squarespace 7.0 and 7.1

  • Uses Custom CSS


2. Add this code to Custom CSS

// Button Block - Solid Drop Shadow Style - Ghost //

.sqs-block-button-element  {
  box-shadow: 10px 10px #000;
  border: 2px solid #000 !important;
  transition: all ease-in 0.2s !important;
}

.sqs-block-button-element:hover {
  box-shadow: none;
  transform: translateY(4px) !important;
  transition: all ease-in 0.2s;
  opacity: 1 !important;
}

3. Customizable Options

  • Solid Shadow Color and Style

  • Border Style

  • Hover Speed


4. Plugin Notes

  • Applies to the button block only (all sizes)


Previous
Previous

Button Block - Shakey Hover Style

Next
Next

Button Block - Go Arrow Style