Archived topic
Prev/Next Post Navigation Not Showing On Single Post Pages
7 replies · Started by Michelle on January 6, 2021
I have "Post Navigation" Checked in Customizing>Layout>Blog>Single and I added different CSS codes from this forum but the Previous/Next Post Navigation still does not show on my Single Post Pages. Perhaps the author box styling I have is competing with it?
An example page: https://www.reachingmyworld.com/narrow-up-a-child/
I used your Inline Post Navigation Code:
.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;
}
Hi there,
you have this CSS which is removing the post footer meta which includes the Post Navigation:
/*Remove File Icon and Category from the bottom of posts on the Journal Blog page*/
article.post footer.entry-meta {
display: none;
}
Remove that CSS and the Nav will be displayed.
I do want the navigation, but I don't want the file icon or category. Deleting the code did give me the navigation, but added the file icon and category back.
Is there a way to add the name of the post, along with "Previous" and "Next"?
< Previous: Frozen Next: Narrow Up A Child >
I also notice a square after the next navigation post title. You can see it here:
https://www.reachingmyworld.com/frozen/
My login info is in the private information
but I don’t want the file icon or category
Try this CSS to remove the category icon:
span.cat-links .gp-icon.icon-categories {
display: none;
}
Is there a way to add the name of the post, along with “Previous” and “Next”?
< Previous: Frozen Next: Narrow Up A Child >
I also notice a square after the next navigation post title.
Please open a new topic for the new question.
Thanks!
Thanks. The code removed the file icon but not the category.
Can you help me remove the category?
If you simply want to remove the icon and category then can you remove the CSS and use the customizer option here:
https://docs.generatepress.com/article/blog-content-layout/#archives
https://docs.generatepress.com/article/blog-content-layout/#single
I disabled the show categories, and it removed the category from my meta on category, single post, and archive pages so I enabled show categories again.
I want categories to show in the meta, but not in the post navigation at the bottom.
Add this snippet:
add_filter( 'generate_footer_entry_meta_items', function() {
return array(
'post-navigation',
);
} );
Below this snippet you've already added:
add_filter( 'generate_header_entry_meta_items', function() {
return array(
'author',
'date',
'categories',
);
} );