Next Previous Buttons for Blog

[FunkyCss]

Hallo is possible to customize somehow the next previous button , it would be nice something like that

https://buzzdrives.com/10-japanese-classic-cars-you-wish-you-could-own/4/

if you see down bellow the next previous buttons

[David]

Hi there,

that example is for paginated posts – is that what you want it for?
Or is it for the the Blog/Archive navigation …. let me know.

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

[FunkyCss]

Hallo David , how are you ?

Thanks for asking , i try to make my Blog where are all the posts more easy to navigate .

[David]

Just need to confirm where the pagination is for:
Is it:

1. The Blog / Archive pages.
2. Is it the Single Post – Next Post / Previous Post
OR
3. Is it a paginated post – Next Page / Previous Page.

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

[FunkyCss]

Hallo David ,

i wonder if is possible to work in the

1. The Blog / Archive pages.

[Rohan Verma]

Give it for the homepage as well. where the latest articles can be shown with this pagination style or a style like this link: https://prnt.sc/tak33h

[Tom]

Hi there,

I just took a look around and couldn’t find how to do something like this in WordPress: 4 of 11

The next/previous buttons are easy, but I’m not sure about the actual pagination numbers, unfortunately.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[FunkyCss]

Hallo Tom ,

Its ok as it is not a huge deal ,

Can we customize this to make it a bit bigger and looks more like buttons ? like the image Rohan Verma has send in the link above ?

[David]

The basis of that styling you can take from here:

https://generatepress.com/forums/topic/how-to-change-page-numbering-text-to-button-text/#post-1138971

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

[FunkyCss]

Hi , thanks but that code works nice for pc but not so good in mobiles when you go to the second page etc.

[Leo]

Can you link me to the page in question with the CSS implemented?

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

[FunkyCss]

Hi , Leo i have send you my link in the private link.

[David]

Try this method instead:

https://generatepress.com/forums/topic/numbered-page-navigation/#post-1352543

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

[Author]

Posts