Comment Button Text

What CSS can I use to change the "Post Comment..." text that appears on my comment button to something else?

@hercegovka Try adding to Home > Design > Custom CSS

label.blog-item-comments-toggle {
    visibility: hidden;
}
label.blog-item-comments-toggle:before {
    visibility: visible;
    content: "Show/Hide comment";
}

12 minutes ago, tuanphan said:

@hercegovka Try adding to Home > Design > Custom CSS

label.blog-item-comments-toggle {
    visibility: hidden;
}
label.blog-item-comments-toggle:before {
    visibility: visible;
    content: "Show/Hide comment";
}

 

No, that didn't work! 😕 I don't want to hide the button. I just want to replace "Post Comment..." with "Comment."

@hercegovka Can you share site url or template name?

2 hours ago, tuanphan said:

@hercegovka Can you share site url or template name?

Template I'm working with is "Rally."

I tried:

.comment-btn {
  text-indent: -9999px;
  line-height: 0;}

.comment-btn:after {
  content: "post";
  text-indent: 0;
  display: block;
  line-height: initial;}

It's nearly what I want, but the button shape/size is now distorted.

On 10/27/2019 at 9:08 PM, hercegovka said:

Template I'm working with is "Rally."

 

I tried:

.comment-btn {
  text-indent: -9999px;
  line-height: 0;}

.comment-btn:after {
  content: "post";
  text-indent: 0;
  display: block;
  line-height: initial;}

 

It's nearly what I want, but the button shape/size is now distorted.

Did you ever figure this one out? This is the exact thing I'm trying to figure out too....

13 hours ago, dmott said:

Did you ever figure this one out? This is the exact thing I'm trying to figure out too....

If you share link to blog post, I can take a look

On 6/23/2020 at 8:25 AM, dmott said:

Did you ever figure this one out? This is the exact thing I'm trying to figure out too....

I'd also like to change the text from 'Post Comment...' to 'Post comment'

https://www.studiojournal.co/blog/taking-pictures

Does anyone know how to do this?

Thanks!