Solid Shadow Button - Site Header

Site Header
Written By The Ghost Co.

Plugin Details

Add a solid drop shadow style to the header and mobile menu buttons.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS

Option 1: Add to Custom CSS (Site Header Button Only)

// SOLID SHADOW BUTTON - DESKTOP AND MOBILE MENU - GHOSTPLUGINS.COM //

.header-actions .btn {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  box-shadow: 5px 5px #000 !important;
}

Option 2: Add to Custom CSS (Site Header and Mobile Menu Buttons)

// SOLID SHADOW BUTTON - DESKTOP AND MOBILE MENU - GHOSTPLUGINS.COM //

.header-actions .btn, .header-menu .header-menu-cta a {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  box-shadow: 5px 5px #000 !important;
}

Customizable Options

  • Button Color

  • Button Text Color

  • Border Style

  • Box Shadow

Notes

No plugin notes

The Ghost Co. http://www.ghostplugins.com
Next

Flip Over Icons - Social Links Block