Jump to content

Comment section visible

Recommended Posts

  • Replies 4
  • Views 397
  • Created
  • Last Reply
On 6/18/2021 at 8:29 PM, Lokita said:

Site URL: https://www.slicedginger.com

Hello, I use the Tudor template and the comment box and comments are hidden on the blog pages.  Is there a way to have the comment box and comments always visible without having to press the link comment.  Thanks.

Add to Design > Custom CSS

/* Tudor - Always show comment */
div#blogItemCommentsContent {
    opacity: 1 !important;
    height: auto !important;
    pointer-events: auto;
}
label.blog-item-comments-toggle {
    display: none;
}

 

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!)

Link to comment
20 hours ago, Lokita said:

Perfect, thank you.

Also, I tried to change the color of the comment button with this code but it didn't work. Is there another way?

span.squarespace-comment-buttons>span {
    background-color: red !important;
}

Use this code

/* Comment button */
span.comment-btn.sqs-system-button.sqs-editable-button-font.sqs-editable-button-shape {
    background-color: red !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!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.