Custom Colors - Navigation Dropdown

Site Header
Written By The Ghost Co.
Send a Thank You

Plugin Details

Change the colors of the links and background in the navigation dropdown.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS

Add To Custom CSS

// NAVIGATION DROPDOWN - BACKGROUND COLOR - GHOSTPLUGINS.COM //

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

// NAVIGATION DROPDOWN - LINK COLOR - GHOSTPLUGINS.COM //

.header-nav-folder-item a {
  color: #FFF !important;
}

Customizable Options

  • Background Color

  • Border Style

  • Padding

  • Link Color

Notes

Link color, size, and font family can be changed in Squarespace settings like normal.

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

Drop Shadow Style - Navigation Dropdown
Next

Better Link Spacing - Navigation Dropdown