How to change colour of "Post Comment" button / text on comment box?

Site URL: https://psygaia.org/blog/decolonizing-psychedelic-healing-addressing-racial-trauma-and-building-inclusivity-in-psychedelic-therapy

Why can't I see the "post comment" button / text until I hover over it? Please help!

11 minutes ago, yogacid said:

Site URL: https://psygaia.org/blog/decolonizing-psychedelic-healing-addressing-racial-trauma-and-building-inclusivity-in-psychedelic-therapy

Why can't I see the "post comment" button / text until I hover over it? Please help!

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

#comments .comment-btn.sqs-system-button {
    background: #0e5192 !important;
}
#comments .comment-btn.sqs-system-button:hover {
    background: #ddd !important;
}

12 minutes ago, Web_Solutions said:

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

#comments .comment-btn.sqs-system-button {
    background: #0e5192 !important;
}
#comments .comment-btn.sqs-system-button:hover {
    background: #ddd !important;
}

 

That works. Thank you! Is there a way to change the text in the comment button too? And change the padding on the top and bottom of the button to make a smaller button?

Thanks!

3 hours ago, Web_Solutions said:

Replace the previous code with the code bellow.

#comments .comment-btn.sqs-system-button {
    background: #749575 !important;
    padding: 15px 30px !important;
    font-size: 14px !important
}

#comments .comment-btn.sqs-system-button:hover {
    background: #ddd !important
}

 

Hey, you're awesome, thanks. I am wondering though if there's a way to change the text within the comment button. I would like it to just say "Post Comment" instead of "Post Comment..."

Also, is there a way to reduce the size of the "Comments (0)" text above the comment box to be the same size as the "Newest First" text?

34 minutes ago, yogacid said:

Hey, you're awesome, thanks. I am wondering though if there's a way to change the text within the comment button. I would like it to just say "Post Comment" instead of "Post Comment..."

Also, is there a way to reduce the size of the "Comments (0)" text above the comment box to be the same size as the "Newest First" text?

Replace the previous code with the code bellow.

#comments .comment-btn.sqs-system-button {
    background: #749575 !important;
    padding: 15px 30px !important;
    font-size: 0px !important;
}
#comments .comment-btn.sqs-system-button:after {
    content: "Post Comment";
    font-size: 14px !important;
}
#comments .comment-btn.sqs-system-button:hover {
    background: #ddd !important;
}