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

Use this CSS to Custom CSS box.

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

#2. Remove blog pagination on Desktop Only

Use this CSS code

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

#3. Remove blog pagination on Mobile Only

Use this CSS code

@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. Use this tool.

In my example, we will have:

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

Next, use this CSS code:

/* 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 Paste this code

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