Pagenation

[Garrett Slade]

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?

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Garrett Slade]

Thank You
Perfect!

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts