[Support request] Display Tags and Next-Previous Posts

Home Forums Support Display Tags and Next-Previous Posts

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1348157
    Ravi Saive

    I have a few more settings do like I want to display tags and next-previous navigation like the one in this screenshot: https://ibb.co/X7bFV8d

    #1348500
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the site in question?

    You can edit the original topic and use the private URL field.

    Let me know 🙂

    #1348510
    Ravi Saive

    Not possible to share, as we are setting up GP theme on our local staging site for testing..

    #1348763
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    Your screenshot doesn’t seem to be loading.

    If it will require some custom CSS, we’ll need to see the site on a live staging site, unfortunately.

    #1349053
    Ravi Saive

    I want Next and Previous Post style looks like this: https://prnt.sc/ta95d5

    #1349234
    David
    Staff
    Customer Support

    Hi there,

    can you create a live staging site?
    Without seeing what you currently have makes it almost impossible for us to provide the right solution.

    #1350231
    Ravi Saive

    Hi David,

    I don’t have Live stating site and can’t create one…

    I just wanted to change the style of Prev-Next Post style as shown in the screenshot: https://prnt.sc/taymsp

    #1350858
    Tom
    Lead Developer
    Lead Developer

    That’s not really a style that GP supports by default, but something like this should get you started:

    .post-navigation {
        display: flex;
        justify-content: space-between;
        padding: 40px 20px;
    }
    
    .post-navigation .nav-next {
        display: flex;
        flex-direction: row-reverse;
        text-align: right;
    }
    
    .post-navigation .nav-next .gp-icon {
        margin-left: 0.6em;
        margin-right: 0;
        font-size: 20px;
    }
    
    .post-navigation .prev:before {
        content: "Previous post";
        display: block;
    }
    
    .nav-previous {
        display: flex;
    }
    
    .post-navigation .next:before {
        content: "Next post";
        display: block;
    }
    
    .post-navigation a {
        font-size: 20px;
    }
    
    .post-navigation .nav-previous .gp-icon {
        font-size: 20px;
    }
    
    .post-navigation > div {
        max-width: 48%;
    }

    This assumes you’re using SVG icons.

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