Comment section visible

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.

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;
}

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;
}

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;
}

Great! 🙂