Metadata Pill Style


1. Plugin Info

Style the blog post metadata (category, date, author name) into a pill shape.

  • Works with Squarespace 7.1

  • Uses Custom CSS

  • Applies to Main Blog and Blog Post


2. Add this code to Custom CSS

// Metadata Pill Style - For Blog - Ghost //

.blog-categories, .blog-author, .blog-date, .blog-meta-item {
  background: #eeeeee;
  border: 2px solid #000000;
  padding: 10px 15px;
  border-radius: 50px;
}

.blog-meta-item {
  display: inline-block !important;
  margin: 5px !important;
}

3. Customizable Options

  • Background Color

  • Border Style

  • Border Radius

  • Padding

Meta font size and color can be changed in Squarespace settings.


4. Plugin Notes

  • Works with all blog layouts.

  • Applies to both the main blog and blog post.

  • Does not apply to summary blocks.


Previous
Previous

Metadata Button Style

Next
Next

Blog - Read More Link Button