Site logo

Archived topic

Pagination like GP

5 replies · Started by Sanu Kumar on November 3, 2020

Viewing posts 1–6 of 6

Can we create pagination like GP?

Hi there,

you have this CSS on your site:

#nav-below .page-numbers:not(.dots) {
    background-color: #ddd;
    color: #000;
    display: inline-block;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 0px;
}
/* Change current and hover colors */
#nav-below .page-numbers:not(.dots):hover,
#nav-below .page-numbers.current {
    background-color: #00FF;
    color: #fff;
}

Change it to:

/* Add radius and background to page numbers */
#nav-below .page-numbers:not(.dots) {
    color: #000;
    display: inline-block;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #ccc;
}
/* Change current and hover colors */
#nav-below .page-numbers:not(.dots):hover,
#nav-below .page-numbers.current {
    border: 1px solid #444;
}

Hi: I would like to add custom paging buttons to my blog. but I do not know how. I have applied the CSS code that you indicate in these lines but the more button always appears. I have added it since

customization-> additional css

Yours sincerely: Pau Company

Can you open a new topic and link us to the page in question?

Thanks :)

Ok Leo , Done

Thanks :)

This archived topic is closed to new replies.