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.

candinski-squarespace-meta-category-css

 

Simply paste the below into your Custom CSS block:

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

border-bottom

  • 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.

padding-bottom

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