How to add an underline to Category Metadata in Squarespace

I really like how the guys at Kinfolk styled their category metadata and thought I'd share a quick and easy way to get a similar look on your Squarespace website, sans animation.



Simply paste the below into your Custom CSS block:

.blog-category { 
    border-bottom: 1px solid #50E3C2;
    padding-bottom: 5px;  


  • 1px <-- This adjusts the the thickness of the line.
  • solid <-- This means, well, you guessed it. A solid line. You can view other value here.
  • #50EC2 <-- this is the hex code for the colour.


  • 5px <-- This adjusts the space between the text and the line.