wp show posts pagination style

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

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

Author

Posts
May 16, 2017 at 2:20 am #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

May 17, 2017 at 12:23 am #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;
}
```
May 17, 2017 at 10:08 am #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

May 17, 2017 at 10:11 am #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

May 17, 2017 at 10:12 am #2041

muralidharan
Participant

Here is the link to what I am asking

https://www.w3schools.com/css/tryit.asp?filename=trycss_ex_pagination_nav

May 17, 2017 at 10:30 am #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

May 18, 2017 at 12:07 am #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;
}
```
May 18, 2017 at 12:45 am #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

May 18, 2017 at 11:48 pm #2050

Tom
Keymaster

Try adding this PHP:

add_filter( 'wpsp_pagination_mid_size', '__return_zero' );

May 19, 2017 at 12:15 am #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

May 19, 2017 at 9:44 am #2054

Tom
Keymaster

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

May 19, 2017 at 9:46 pm #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

May 20, 2017 at 12:12 am #2061

Tom
Keymaster

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

Posts

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

You must be logged in to reply to this topic.

[Support request] wp show posts pagination style