Ghost Plugins

View Original

Pill Hover Style - Navigation

See this content in the original post

Plugin Details

Add a rounded pill hover style to the header navigation links.

Compatibility

  • Works with Squarespace 7.1

  • Uses Custom CSS


Add To Custom CSS

See this content in the original post

Customizable Options

  • Padding (Non-Hover)

  • Padding (Hover)

  • Background Color

  • Border Radius

  • Transition Speed

See this content in the original post

Notes

Adjust link spacing in header settings.

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