Black Friday sale! Get 25% off WPSP Pro! Discount automatically applied at checkout.

[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

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.