[Support request] wp show posts pagination style

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support wp show posts pagination style

This topic contains 12 replies, has 2 voices, and was last updated by  Tom 2 years, 6 months ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #2032

    muralidharan
    Participant

    HI

    Can we achieve this pagination style? in wpshow posts instead of 1,2,3, Next

    https://www.w3schools.com/css/css3_pagination.asp

    Love GP

    best
    Murali

    #2036

    Tom
    Keymaster

    You could do something like this:

    .page-numbers {
        border: 1px solid #DDD;
        padding: 5px 10px;
    }
    
    .page-numbers.current {
        background: red;
        color: white;
        border: 1px solid transparent;
    }
    #2039

    muralidharan
    Participant

    thanks tom

    it worked

    however, how do we reduce the width of pagination as I find in the mobile view it is overlapping and appears in two lines

    best
    murali

    #2040

    muralidharan
    Participant

    Or

    is there a way to show only

    < > Next and Previous button only?

    alternatively just 3 pages numbers followed by the next button

    thanks for your patience tom

    Love WP show post

    best

    #2041

    muralidharan
    Participant
    #2042

    muralidharan
    Participant

    Hi Tom

    If you check my website http://www.enrightpr.in in mobile device you will know how the pagination is looking now which I would like to change it to proper format.

    when it is in page 1 all is fine, but when you click next it gets overlapped one below the other.

    any help? maybe i would need to show only 1 to 4 followed by next button not …….27 and next

    thanks for your patience

    best
    murali

    #2043

    Tom
    Keymaster

    There shouldn’t be that many numbers in between. Can you try deactivating other plugins to see if it fixes it?

    This will fix the overlap for now:

    .page-numbers {
        margin: 2px 0;
        display: inline-block;
    }
    #2044

    muralidharan
    Participant

    Thanks tom for the awesome support.

    I do not have any other plugin for posts, except the Elementor Feature which is not active right now as I use WP Show posts.

    Can you help me know how to reduce the number of pages?

    Alternatively can i just have < > with a text Previous and Next Only instead of Numbers?

    Or can we have just

    thanks
    Love WP Show posts

    #2050

    Tom
    Keymaster

    Try adding this PHP:

    add_filter( 'wpsp_pagination_mid_size', '__return_zero' );

    #2051

    muralidharan
    Participant

    Thanks tom

    Where do i add this?

    1. GP Hooks? if yes, which box

    2. GP Child theme PHP?

    love wp show posts

    best
    murali

    #2054

    Tom
    Keymaster

    This plugin is great for adding PHP: https://en-ca.wordpress.org/plugins/code-snippets/

    #2060

    muralidharan
    Participant

    So, is it safe to add the code that you suggested using the plugin. Hope it wont end up having syntax error.

    Thanks very much Tom for your awesome support.

    Love WP Show Posts

    #2061

    Tom
    Keymaster

    Yes, should be safe especially if you’re using the Code Snippets plugin 🙂

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.