Navigation Folder - Solid Shadow Style

Site Header
Written By The Ghost Co.
Learn more

1. Plugin Info

Add a solid shadow and border style to the navigation folder.

  • Works with Squarespace 7.1

  • Uses Custom CSS

2. Add this code to Custom CSS

// NAVIGATION FOLDER - SOLID SHADOW STYLE - GHOST PLUGINS //

.header-nav-folder-content {
  background: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 10px !important;
  box-shadow: 5px 5px #000 !important;
  padding: 10px !important;
}

// NAVIGATION FOLDER - LINK COLOR - GHOST PLUGINS //

.header-nav-folder-item a {
  color: #000 !important;
  padding: 10px !important;
}

3. Customizable Options

  • Folder Background Color

  • Folder Border Style

  • Folder Border Radius

  • Folder Box Shadow

  • Folder Padding

  • Link Color

  • Link Padding

4. Plugin Notes

  • No plugin notes

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

Pilli - Folder Hover Style
Next

Newsletter Block - Full Width On Mobile