Rants About Software

Here's another Squarespace tutorial for you. This one's a bit shorter than the last one. In this tutorial, I'll show you how to highlight comments that are written by the author, so that they stand out amongst regular user comments. This image should give you an idea of what I mean.

This is a short and simple little trick, but I'm sure you can easily see how effective it can be. By default, Squarespace doesn't really provide much of an indicator that a comment has been left by the author (other than the username, but nobody pays much attention to that anyway).

To do this, start off by setting the style of the regular user comments. Just do this using the Font, Colors & Sizes tool when in Style Editing mode. Chances are, you already have this style set the way you want it. Once you've done that, go to Custom CSS and add the following

.authored-by-yournamehere .comment
{ /* style here */ }

Obviously you need to replace "yournamehere" with your actual username. Then just apply whatever style/colors you want. To give you an example, here's what I did...

.authored-by-errornix .comment
{background-color: #BFFFF0; border-color: #E6E6E6;}

If you want, you could easily change other things, such as font settings, or add images. But im my opinion, this would just look weird. By only adjusting the color settings, you'll inherit all of your other style settings, and your comments will just appear to be highlighted rather than appearing to be a completely different style.

Like I said, this was a short and simple one. But if you have any questions, let me know!