[Resolved] Customizing "Previous/Next Article" section

Home Forums Support [Resolved] Customizing "Previous/Next Article" section

Home Forums Support Customizing "Previous/Next Article" section

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #598675
    Vish

    Hello there

    I would like to customize the Previous/Next Article section at the bottom of each post to look something like the one in this site: https://www.thankyourskin.com/best-serum-for-sensitive-skin/

    Can you please help?

    Thanks!

    GeneratePress 2.1.2
    GP Premium 1.6.2
    #598697
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    You can do something like this:

    .post-navigation {
        display: flex;
    }
    
    .post-navigation .nav-next {
        width: 50%;
        text-align: right;
    }
    
    .post-navigation .nav-previous {
        width: 50%;
    }
    
    .post-navigation .nav-next .next:before {
        display: none;
    }
    
    .post-navigation .nav-next .next:after {
        font-family: GeneratePress;
        text-decoration: inherit;
        position: relative;
        margin-left: .6em;
        width: 13px;
        text-align: center;
        display: inline-block;
        content: "\f105";
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        speak: none;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.