[Resolved] How to edit content and appearance of Previous/Next navigation links?

[Stephanie]

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 🙂

[Tom]

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 🙂

[Stephanie]

Perfect, thank you 🙂

[Tom]

You’re welcome 🙂

[Author]

Posts