How to change page numbering? - by Marek

This topic has 4 replies, 2 voices, and was last updated 4 years, 9 months ago ago by Olga Barlow

  • Avatar: Marek_Sobczyk
    Marek
    Participant
    February 12, 2020 at 09:46

    I would like page numbering to be more visible. How to change the page numbering so that it is bigger and for example a different color?
    I use google translator.
    https://www.jangok.pl/piosenki-na-dzien-kobiet-lista-piosenek/

    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 12, 2020 at 10:59

    Hello,

    What element did you use to add that pagination? Could you provide us with temporary WP Dashboard access to check? Because pagination in our theme looks different by default http://prntscr.com/r15rmb

    Add the following custom to Theme Options > Custom CSS to apply these styles for your pagination

    .post-nav-links .post-page-numbers:first-child {
        margin-left: 15px;
    }
    .post-nav-links .post-page-numbers {
        font-size: .85rem;
        min-width: 36px;
        height: 36px;
        border: 1px solid #e1e1e1;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 3px 10px;
    }
    .post-nav-links .current.post-page-numbers, .post-nav-links .post-page-numbers:hover {
        border-color: #c62828;
        background-color: #c62828;
        color:#fff;
    }
    .post-navigation + .single-tags {
        margin-top: 20px;
    }

    Regards

    Avatar: Marek_Sobczyk
    Marek
    Participant
    February 12, 2020 at 12:47

    You helped me a lot! Thank you 🙂

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    February 12, 2020 at 12:52

    You are welcome.

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.