[Resolved] Post Navigation Styling Question

Home Forums Support [Resolved] Post Navigation Styling Question

Home Forums Support Post Navigation Styling Question

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1613753
    Michelle

    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?

    #1613817
    Leo
    Staff
    Customer Support

    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/

    #1613863
    Michelle

    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?

    #1613876
    Elvin
    Staff
    Customer Support

    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;
    }
    #1616248
    Michelle

    That did it. I like it much better now. Thank you.

    #1616458
    Elvin
    Staff
    Customer Support

    That did it. I like it much better now. Thank you.

    No problem. ๐Ÿ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.