Circular Blog Thumbnails

Code Toolkit
Written By Squarestylist Support

What You'll Create

Circular blog post thumbnails on the blog list page in Squarespace 7.0. Transforms rectangular images into perfect circles for a unique visual style.

The Problem It Solves

Squarespace 7.0 blog thumbnails are rectangular by default. When you want a distinctive look with circular thumbnails for a more personal or modern aesthetic, you need CSS border-radius styling.

Perfect For

Personal blogs, Creative portfolios, Team introductions, Podcast pages, Magazine-style layouts

What Makes This Different

This is a simple one-line CSS technique that applies border-radius:50% to the blog image link container. Works globally across the blog list without any JavaScript.

Details

  • Section Type: Classic

  • Code Type: CSS

  • Prerequisites: Blog page with featured images

  • Toolkit Title: Circular Blog Thumbnails

Learn This Technique

This is one of 150+ code techniques taught inside Standout Squarespace, where you get:

  • The complete, copy-paste code

  • Video walkthrough explaining how it works

  • The principles behind the technique so you can customize it

  • Access to our private community for support

Get Access to Standout Squarespace →
Squarestylist Support
Previous

Column Divider Lines
Next

Prevent Horizontal Overflow