Tablepress Pagination

Tablepress Pagination

dakldwdakldw Posts: 2Questions: 1Answers: 0

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;
}

Answers

  • colincolin Posts: 15,118Questions: 1Answers: 2,583

    Hi @dakldw ,

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

    Cheers,

    Colin

  • dakldwdakldw Posts: 2Questions: 1Answers: 0

    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?

  • colincolin Posts: 15,118Questions: 1Answers: 2,583

    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

This discussion has been closed.