Archived topic
How to edit content and appearance of Previous/Next navigation links?
3 replies · Started by Stephanie on December 13, 2016
Hi
I am new to GP Premium, loving it, and almost ready to go live...
I'd like to customise the post footer and/or below-post navigation links. Is there a way to do this that I have overlooked? Specifically...
Currently my Previous/Next links consist of the post titles in small, easily overlooked text. Also they are squished right underneath the post categories links, with no space.
(Example: http://graymatter-001-site2.atempurl.com/is-your-boss-a-corporate-psychopath/ )
I would prefer my Previous/Next links to...
- Be separated slightly from the categories links with a line space.
- Be in larger/bolder/more click-tempting text.
- Say more clearly "Previous: [Post title]" and "Next: [Post title]"
What is the simplest way for a non-coder to make it so?
Thank you very much :)
Hi Stephanie,
I should be able to help with some CSS you can add: https://generatepress.com/knowledgebase/adding-css/
First, we'll create the space above the area and make the text larger/more bold:
.site-main .post-navigation {
margin-top: 20px;
font-size: 20px;
font-weight: bold;
}Then we'll add the Next/Previous text:
.nav-previous a:before {
content: "Previous: ";
}
.nav-next a:before {
content: "Next: ";
}Let me know if you need more info :)
Perfect, thank you :)
You're welcome :)
