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;
}Important update: Squarespace made changes to the program menu in May 2025. If your menu looks different than the video, press the / key to open the program search and search for Custom CSS to navigate there directly.
