Site logo

Archived topic

Display Tags and Next-Previous Posts

7 replies · Started by Ravi Saive on July 1, 2020

Viewing posts 1–8 of 8

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

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 :)

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

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.

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.

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

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.

This archived topic is closed to new replies.