[Resolved] Remove Next Button In Pagination and Replace With Last Post Number

[Sam]

Hi team, I would like to remove the default GP pagination Next, and change it to a …Last Button Number.

My current pagination:https://drive.google.com/file/d/1Sov0VjF-EpyY2pgPMWNidIZ-4XZFfgZT/view?usp=sharing

The correct one: https://drive.google.com/file/d/16bCGGOyvqOF7Nj11SY8nb7T4t-p_xnuZ/view?usp=sharing

Thanks!

[Tom]

Hi there,

You could try something like this:

.nav-links .next {
    display: none;
}

.nav-links a,
.nav-links .current {
    display:  inline-block;
    padding: 10px;
    width: 20px;
    line-height: 20px;
    height: 20px;
    border-radius:  50%;
    background:  #ddd;
    text-align: center;
}

.nav-links .current {
    background: #222;
    color: #fff;
}

[Sam]

Worked Beautifully. Thanks Tom.

[Tom]

You’re welcome 🙂

[Author]

Posts