Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.
/* START OF Remove Post/Page Navigation (CSS) */
/* Remove Previous/Next & Text */
.pager .previous > a, .pager .previous > span,
.pager .next > a, .pager .next > span {
display: none;
}
.assistive-text {
display: none;
}
/* END OF Remove Post/Page Navigation (CSS) */
12 thoughts on “Remove Post/Page Navigation (CSS)”
hello I would like to know how to change the text.
to display “next post” and “prev post” instead of the titles of the articles.
I hope you’ll help me
thanks
Thank you for this code. You saved me hours of work.
Hi Dave, you are a gentleman among developers, thank you sir!
Hi Dave, brilliant work,
how do you change the color of the border for the post navigation button?
Thanks for any reply
I presume you mean the Older/Newer Posts button? Change the border element:
.pager li > a, .pager li > span { background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 15px; display: inline-block; padding: 5px 14px; }how can i remove the pager only for the main page
Try adding .home eg
.home .pager.If that doesn’t work, I’d suggest the Forum would be a better place to get a solution for this, with a much wider audience to help fix problems. And please include a link to your Site.
Hi Dave,
can you tell me how to remove the horizontal line that appears under the post/page navigation via css?
Sorry for delay in replying, so hope you fixed this. The answer is in another Snippet.
sorry dave to prev comment, i missed assistive-text class while copy paste. Its working. But i wanna know how to change post navigation to some-else like in your site its “Post snippets”.
Do you mean change the wording?
hi dave, upon above css its remove prev & next hyperlink on all pages; but still that post navigation text label appears. how to remove it? i wanna customize it “post navigation” how to do that? thnkz for such a awesme script 🙂