Archived topic
Pagenation
3 replies · Started by Garrett Slade on February 19, 2020
/* Center Navigation */
#nav-below {
text-align: center;
}
.nav-links .page-numbers:not(.next):not(.prev) {
display: none;
}
So from google I got rid of the numbers and changed just to Previous Next.
Questions : Is it possible to and if so how do I
shrink the top and bottom white space?
increase the space between Previous and Next?
hide the arrows?
change it to read next page previous page?
Hi there,
add this PHP snippet to change the navigation labels:
add_filter( 'generate_next_link_text', function() {
return 'Next page';
} );
add_filter( 'generate_previous_link_text', function() {
return 'Previous page';
} );
https://docs.generatepress.com/article/adding-php/
Then this CSS to make the style changes:
.separate-containers .paging-navigation {
padding: 20px !important;
}
.nav-links {
display: flex;
justify-content: space-between;
}
Thank You
Perfect!
You're welcome