Archived topic
Display Tags and Next-Previous Posts
7 replies · Started by Ravi Saive on July 1, 2020
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.
I want Next and Previous Post style looks like this: https://prnt.sc/ta95d5
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.