[Resolved] Pagenation

Home Forums Support Pagenation

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1170026
    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?

    #1170151
    David
    Staff
    Customer Support

    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;
    }
    #1170240
    Garrett Slade

    Thank You
    Perfect!

    #1170272
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.