SQUARESPELL

View Original

“New” badge in navigation Squarespace (7.1)

1. Add this code to CSS

  • Paste the code: Paste the provided CSS code into the Custom CSS bloc

See this content in the original post

How to Use the CSS Code for the "New" Badge

  • Change the nth-child Number: Update the number in nth-child(X) to target the correct navigation item based on its position.

  • Badge Customization: Modify the CSS properties (like background-color, color, font-size, etc.) to customize the badge's appearance according to your website design.