Site logo

Archived topic

Pagenation

3 replies · Started by Garrett Slade on February 19, 2020

Viewing posts 1–4 of 4

Site

/* 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

This archived topic is closed to new replies.