Archived topic
Instead of 1 2 Next -->, I want just 1 2 3 ... 48
19 replies · Started by Carol on October 2, 2019
How to change default post navigation link?
On Marketer template, it is "1 2 Next —>"
I would like it to be: 1 2 3 ... 47
Thank you.
and centered under post content only (not including sidebar)
Hi there,
Try this CSS:
.nav-links {
text-align: center;
}
a.next.page-numbers, a.prev.page-numbers {
display: none;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps :)
Thank you very much!
But then when you click on "2" - there is "<— Previous 1 2"
I don't want that word, "Previous"
Edited the CSS above:
https://generatepress.com/forums/topic/instead-of-1-2-next-i-want-just-1-2-3-48/#post-1024527
Can you give it another shot?
Let me know :)
Didn't work - still see the word Previous
Sorry. Edited the code again.
Should work for sure.
Let me know :)
Perfect!
Thank you!
No problem :)
I was using the CSSHero to do it, but deactivated the plugin.
Can the theme do this?
Thanks in advance.
To do what? Removing the next/previous and center?
If so my code here should do that already:
https://generatepress.com/forums/topic/instead-of-1-2-next-i-want-just-1-2-3-48/#post-1024527
I forgot to tell you to look at the image.
It says to make background a certain color and bold first (current) number and make a certain color...
Try this CSS:
span.page-numbers.current {
font-weight: 700;
color: #00C83B;
}
.separate-containers .paging-navigation {
background-color: #000000;
}
Okay, that fixed the number color but not the background color.
Code I have so far:
.nav-links {
text-align: center;
}
a.next.page-numbers, a.prev.page-numbers {
display: none;
}
span.page-numbers.current {
font-weight: 700;
color: #00C83B;
}
Can I get the background of that pagination area to be a certain color?
#FBF9FA