[Resolved] Layout number of page

[steven]

Hello, I wanted to know if it was possible to have the same

https://ibb.co/ZT58MNx

Thanks you

[Leo]

Hi there,

Any chance you can link us to the page in question?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

[steven]

of course ;

[David]

Hi there,

1. You can add this PHP Snippet to change the Next and Previous text to just icons:

add_filter( 'generate_next_link_text', function() {
    return '→';
} );
add_filter( 'generate_previous_link_text', function() {
    return '←';
} );

2. Add this CSS for the style:

.paging-navigation .nav-links {
    display: flex;
}
.paging-navigation .nav-links .page-numbers {
    display: block;
    min-width: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-right: 5px;
    font-weight: bold;
}
.paging-navigation .nav-links a:hover,
.paging-navigation .nav-links .current {
    background-color: #000000;
    color: #fff;
}

[steven]

Hi David, how are you ? ! Thanks for your help. It’s working 🙂

Do you know if it’s possible to remove underline ?

[David]

Really well – thanks for asking 🙂

Try this CSS to remove the underline:

.nav-links a {
    text-decoration: none;
}

[steven]

THanks you david.

[David]

You’re welcome

[Author]

Posts