Jump to content

style the flag/like/reply/delete buttons on blog comments in Brine 7.0

Go to solution Solved by tuanphan,

Recommended Posts

Posted

image.png.c4a40db57f49dbb33994d3d5ca374cec.png

I would like these buttons—that appear alongside any blog comment—to be more conspicuous. They ONLY appear at all when the cursor is near their space—otherwise they are hidden. When they DO appear (because cursor is near), they are faded as in the image here, and only become black when the cursor hovers directly over them. I can live with that faded-till-hover aspect but I'd very much like to keep the buttons permanently visible, without requiring the cursor to be near. Otherwise it is easy for a visitor to fail to realize the buttons are there and that the visitor has the option of replying to the comment (or liking or flagging it, etc.). I want the buttons/icons to always be visible. Any suggestions? Thank you!!!

  • Replies 4
  • Views 501
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution
Posted
On 8/29/2022 at 3:14 AM, Beginner said:

Sure, go to https://bulldog-tulip-9w7y.squarespace.com/blog/clarksdale-miss-2013 and use password psychOpts (case matters, of course). The referenced buttons will become visible when you hover the cursor at the upper right of the existing comment to the blog post. I'd like them to be permanently visible.

Add this to Design > Custom CSS to solved problem

span.squarespace-comment-buttons span {
    opacity: 1 !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.