How to customize archive block links

content block

Sep 26

Ever feel like your archive block links could use a little pizzazz? Same- it’s why I created this code!

We're going to jazz up those group names and archive item links by adjusting their font size, color, and weight (how bold it is) using custom code.

The codes you need are below, and if you are new to customizing with code, you’ll find more information on how to use them in Squarespace.

/* Customizing group name links */
.archive-group-name-link {
  font-size: 18px;
  color: #4a4a4a;
  font-weight: 600;
}

/* Customizing archive item links */
.archive-item-link {
  font-size: 16px;
  color: #007bff;
  font-weight: 400;
}

The example image for this tutorial has some creative capitalization, letter spacing, and a border. This code will recreate that same style on your own site.

archive-group-name-link {
text-transform:uppercase!important;
font-weight:bold;
letter-spacing: 2rem;
padding-bottom: 5rem;
border-bottom:1px solid #000
}