[Resolved] Instead of 1 2 Next –>, I want just 1 2 3 … 48

[Carol]

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.

[Carol]

and centered under post content only (not including sidebar)

[Leo]

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 🙂

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

[Carol]

Thank you very much!

[Carol]

But then when you click on “2” – there is “<— Previous 1 2”

I don’t want that word, “Previous”

[Leo]

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 🙂

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

[Carol]

Didn’t work – still see the word Previous

[Leo]

Sorry. Edited the code again.

Should work for sure.

Let me know 🙂

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

[Carol]

Perfect!

Thank you!

[Leo]

No problem 🙂

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

[Carol]

I was using the CSSHero to do it, but deactivated the plugin.

Can the theme do this?

Thanks in advance.

[Leo]

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

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

[Carol]

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…

[Leo]

Try this CSS:

span.page-numbers.current {
    font-weight: 700;
    color: #00C83B;
}
.separate-containers .paging-navigation {
    background-color: #000000;
}

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

[Carol]

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

[Author]

Posts