Blog tags in Squarespace 7.1 appear as plain links inside the .blog-item-tags or .post-tags wrapper. By default they're unstyled text links, but you can turn them into modern pill-shaped badges.
Style each tag link with a background, padding, and border-radius. Add a hover state to make them feel interactive and guide readers toward related content.
.blog-item-tags a,
.post-tags a {
display: inline-block;
background: #f0f0f0;
color: #333;
padding: 4px 14px;
border-radius: 20px;
font-size: 12px;
font-weight: 500;
text-decoration: none;
margin: 0 6px 8px 0;
transition: background 0.2s ease, color 0.2s ease;
}
.blog-item-tags a:hover,
.post-tags a:hover {
background: #111;
color: #fff;
}Enhance your blog with our Blog Sidebar toolTry it free →
