How to change Blog “Comments” to Another text?

To change Blog “Comments” to another text, you can use CSS code.

#1. Change “Comments” on all blog posts

Use this code to Website Tools > Custom CSS

h3.comment-count span {
    visibility: hidden;
}
h3.comment-count span:before {
    visibility: visible;
    content: "Notes";
}

Result:

#2. Change “Comments” on Blog Posts belong Specific Blog Page

First, you need to find Blog Page URL. Use this tool.

In my example, it is:

• #collection-6677756d03a4f15ba27ce9d8

Next, change it to this ID (replace # with dot . symbol):

• .collection-6677756d03a4f15ba27ce9d8

Next, use this code to Custom CSS box.

/* rename Comments */
.collection-6677756d03a4f15ba27ce9d8 {
h3.comment-count span {
    visibility: hidden;
}
h3.comment-count span:before {
    visibility: visible;
    content: "Notes";
}
}

#3. Change “Comments” on specific blog post

You can edit Blog Post > Add a Code Block

Paste this code into Code Block.

<style>
  h3.comment-count span {
    visibility: hidden;
}
h3.comment-count span:before {
    visibility: visible;
    content: "Notes";
}
  </style>