Tablepress Pagination

dakldw

can someone please help me? how can i achieve this: https://imgur.com/pG6eVhD
heres the website im using: https://jolly-hawking7722.on.getshifter.io
the text 'previous' and 'next' are inside the button but i want them to be outside and replaced with the text 'page 1 of X' instead.
heres my current code:

.dataTables_paginate a {
    font-family: Montserrat;
    font-size: 12px;
    text-decoration: none !important;
}

.dataTables_paginate {
    float: none;
    text-align: center;
}

.paging_simple .paginate_button.previous,
.paging_simple .paginate_button.next {
    background-image: linear-gradient(to right,#fbcabb,#ceb6d9);
    border-radius: 15px;
}
.paging_simple .paginate_button.previous,
.paging_simple .paginate_button.previous:before,
.paging_simple .paginate_button.next {
    padding: 10px 40px;
}

colin

Hi @dakldw ,

This SO thread should help, it's asking the same thing.

Cheers,

Colin

dakldw

thanks colin! i was able to replace the text with arrows instead on localhost see: https://imgur.com/Uarra0o

how would i add the text 'page 1 of X' in between the buttons?

colin

Hi @dakldw ,

That'll be down to your paging plugin code. We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Cheers,

Colin