How to add bullet points to an archive block

Have you ever wanted to add a little extra flair to your archive block? How about sprucing up those group names and archive item links with some cool unicode characters?

It's a fantastic way to make your content organized, and I'm excited to show you how it's done. Trust me, it's simpler than you might think, and the code’s you need are below!

If you are new to customizing with code, you’ll find more information on how to use these codes under this blog post.

/* Adding unicode bullet to group name links */
.archive-group-name-link::before {
  content: "•";
  margin-right: 5px;
  color: #333;
}

/* Adding unicode arrow to archive item links */
.archive-item-link::before {
  content: "→";
  margin-right: 5px;
  color: #007bff;
}
 
insidethesquare


Grab my collection of custom codes for Squarespace: 
→ insidethesquare.co/css

https://insidethesquare.co
Previous
Previous

How to customize a Squarespace audio block

Next
Next

How to customize archive block links