Pin a comment to the top

Published on

This is functionality that we’ve been wanting to release for sometime and we’re happy to say it’s finally released and stable. As a ReplyBox admin you can pin any comment to the top of the comment section.

If you get flooded with comments and one of your readers comments is of value to all, then this feature makes it a lot easier for people to see. We also haven’t just limited one comment to be pinned, you can pin as many as you’d like, but remember each extra comment you pin, they will lose prominence. See it like a notice board, you put one notice up and everyone sees it, but if the notice board has 10, they just all merge into one and people don’t bother reading.

We love this feature but use wisely.

Pin to top functionality

Above you can see where the UI is for the pin functionality, remember this is only for editors when you are logged in. The same UI is to unpin a comment if you wanted to rotate to keep things fresh.

Pinned comment in ReplyBox

Above is what a standard pinned comment would look like once you have pinned a comment to the top.

We thought we could go one step further and add in a helper CSS class (.is-pinned) so that you can change the way a pinned comment looks to appear more like a highlight and let it stand out. We didn’t want to be too opinionated with the design initially as it really depends on what the ReplyBox surroundings look like so as default we kept to the simple unobtrusive pin badge, but it’s really simple to highlight a post like the below image demonstrates.

Highlighted pinned comment in ReplyBox

To do this, add in the below into your Custom CSS section in the ReplyBox dashboard:

.is-pinned {
    padding: 40px;
    margin-bottom: 40px;
    background-color: #f1f1f1;
    border-radius: 10px;
}

.is-pinned .comment-container { margin: 0; }

It’s that easy.

We’re looking forward to see your pinned comments.