Jump to content

[Share] Change blog "Comments" to another text

Recommended Posts

You can use these CSS code (Website Tools > Custom CSS) to change blog "Comments" text on Blog Posts.

If CSS doesn't work, you can share link to blog page, I will check it again.

image.png.cb90c3dc156a7638be2afd5a03c352df.png

#1. Change “Comments” on all blog posts

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

image.png.53a9524139c0d221a5c00f6d75136973.png

Result

image.png.614237136297d258217f0818dae19742.png

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

First, you need to find Blog Page ID.

In my example, it is: #collection-6677756d03a4f15ba27ce9d8

image.png.9ba10b1512df7c34857489d916167a17.png

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

.collection-6677756d03a4f15ba27ce9d8

Next, use CSS code like this

/* 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

image.thumb.png.8d66e106512328203e4baf50d79fe7be.png

Paste this code into Code Block.

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

image.png.27c1f186cefc8f2852bad758e3cc1982.png

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
  • Replies 0
  • Views 205
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment


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