Blog Comments


Blog Comments Selectors

Use these selectors to target blog comments elements.

  • Selectors work with Squarespace 7.1

  • Knowing the basics of CSS is recommended

Helpful starting points: Visit the free plugin library for pre-applied styles and helpful starting points for customizations.


Comments Container

.squarespace-comments

Comments Text and Count

.squarespace-comments .header-controls .controls .comment-count

Sorting Tab (Newest First)

.squarespace-comments .header-controls .controls .comment-controls .comment-sort

Comment Box

.squarespace-comments .new-comment-area

Preview Text

.squarespace-comments .comment-btn-wrapper .preview-comment

Post Comment Button

.squarespace-comments .comment-btn

Commenter Image

.squarespace-comments .comments-content .comment-list .comment .comment-header .user-info .avatar img

Commenting Name

.squarespace-comments .comments-content .comment-list .comment .comment-header .user-info .author

Date

.squarespace-comments .comments-content .comment-list .comment .comment-header .user-info .date

Likes Count

.squarespace-comments .comments-content .comment-list .comment .comment-header .user-info .likes

Posted Comment Text

.blog-item-wrapper .comment-body *

Actions (Flag, Heart, Reply, Delete)

.squarespace-comments .comments-content .comment-list .comment .comment-header .controls .squarespace-comment-buttons .comment-control

Is the selector you're looking for not here? Let us know.


Previous
Previous

Store and Product Reviews

Next
Next

Blog Page (All Layouts)