[Share] How to hide Tag from Blog Posts

Some CSS to hide Tag from Blog Posts.

#1. Hide Tag from All Blog Posts

You can use this code to Custom CSS box

div.blog-meta-item--tags {
    display: none;
}

If you want to hide tags on Desktop Only, use this code

@media screen and (min-width:768px) {
  div.blog-meta-item--tags {
      display: none;
  }
}

If you want to hide tags on Mobile only, use this CSS

@media screen and (max-width:767px) {
  div.blog-meta-item--tags {
      display: none;
  }
}

#2. Hide Tag from a specific Blog Page

First, you open Blog Page (blog list) and find Page ID

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

Next, change # to body.
so new ID will be body.collection-6677756d03a4f15ba27ce9d8

Next, use this code to Custom CSS box

body.collection-6677756d03a4f15ba27ce9d8.view-item div.blog-meta-item--tags {
    display: none;
}

#3. Hide Tag from a specific blog post

You can add a Block at bottom of blog post

Choose Code

Paste this code into Code Block

<style>
div.blog-meta-item--tags {
    display: none;
}
</style>