Metadata Button Style


1. Plugin Info

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

  • Works with Squarespace 7.1

  • Uses Custom CSS

  • Applies to Main Blog and Blog Post


2. Add this code to Custom CSS

// Metadata Button Style - For Blog - Ghost //

.blog-categories, .blog-author, .blog-date, .blog-meta-item {
  background: #fff;
  border: 1px solid #000;
  padding: 10px 15px;
  border-radius: 5px;
}

.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

Custom Read More Text - For Blog

Next
Next

Metadata Pill Style