Archived topic
Post Navigation Styling Question
5 replies · Started by Michelle on January 10, 2021
Viewing posts 1–6 of 6
I would like the post navigation to say Previous and Next before the name of the post.
Example:
< Previous: Name of Previous Post Next: Name of Next Post >
How can I do this?
Hi there,
Add this CSS:
.post-navigation .prev a:before {
content: "Previous: ";
}
.post-navigation .next a:before {
content: "Next: ";
}Adding CSS: https://docs.generatepress.com/article/adding-css/
That worked! [Of course it did] :)
I tried adding a little more space between "Previous:" and the post, but it did not work. How can I add a bit more space?
Hi,
You can add in margin-right: 10px; so you can fully control how much space is added between the label and its title.
Example:
.post-navigation .prev a:before {
content: "Previous: ";
margin-right: 10px;
}
.post-navigation .next a:before {
content: "Next: ";
margin-right: 10px;
}That did it. I like it much better now. Thank you.
That did it. I like it much better now. Thank you.
No problem. :)
This archived topic is closed to new replies.
