[Share] How to remove Blog Pagination

If you want to remove Blog Pagination (screenshot).

You can use these below CSS code.

#1. Remove blog pagination on all blog posts

section.item-pagination[data-collection-type^="blog"] {
    display: none;
}

#2. Remove blog pagination on Desktop Only

@media screen and (min-width:768px) {
section.item-pagination[data-collection-type^="blog"] {
    display: none;
}}

#3. Remove blog pagination on Mobile Only

@media screen and (max-width:767px) {
section.item-pagination[data-collection-type^="blog"] {
    display: none;
}}

#4. Remove blog pagination on specific blog page

First, you need to find Blog Page ID.

In my example, we will have: #collection-6677756d03a4f15ba27ce9d8

Next, we need to change # to . symbol, so new ID will be:

.collection-6677756d03a4f15ba27ce9d8

Next, use CSS code like this

/* remove blog pagination */
.collection-6677756d03a4f15ba27ce9d8 section.item-pagination[data-collection-type^="blog"] {
    display: none;
}

#5. Remove pagination on Specific Blog Post

You can edit blog post > Add a Code Block

and use code

<style>
  section.item-pagination[data-collection-type^="blog"] {
    display: none;
}
  </style>