How to remove previous/next navigation on posts?

  • Resolved fullywoven

    (@fullywoven)


    1 year, 2 months ago

    How do I remove the previous/next navigation from the bottom of my posts?

    I’m using the Twenty Fifteen theme and it’s all up-to-date. Customization for the blog appearance is not an option with this theme. I need to add CSS.

    I’ve tried:

    .adjacent-entry-pagination.pagination {
    display: none;
    }
    .related-posts {
    border-bottom: none;
    }

    AND

    .post-navigation {
    display: none;
    }

    AND

    .post-meta-bottom { display: none !important; }

    Those three don’t work with my site. Any suggestions from the forum? Many thanks.

    The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)

  • Hi,

    You can try:

    .nav-links {
    display: none;
    }

    Thread Starter fullywoven

    (@fullywoven)

    @lizducos Hi,

    sadly that did not work. thanks for the suggestion.

    CSS selectors are site-specific. So using some random code you find on the internet isn’t going to help you much.

    The following should work for an out-of-the-box Twenty-Fifteen theme-ed site. But I don’t know what sort of modifications have been made on your site, so I can guarantee it’ll work for you.

    nav.navigation.post-navigation {
    display: none;
}

    If the above doesn’t work on your site, disable your copy protection so I can view the page’s HTML source and check the actual code on your site.

    (Of course that “protection” can easily be bypassed by anyone who has the most basic computer skills — and that’s certainly not going to stop a determined content thief. But I prefer to respect website owners’ intentions rather than bypass their “protections”, however weak that protection may be.)

    Please use that CSS code with !important

    .post-navigation{
    display: none !important;
}
    Thread Starter fullywoven

    (@fullywoven)

    @gappiah hi,

    Thanks for the suggestion, but it doesn’t work.

    I’m not trying random code from the internet. I’m trying code that was found doing a forum topic search. I did my due dilegence before posting my support question.

    Thread Starter fullywoven

    (@fullywoven)

    @jawad1234 hi,

    Thank you! I gave it a try and sadly, it didn’t work.

    @fullywoven: You must be doing something wrong.

    All three codes suggested by us, and even one of your own code, should work.

    What exactly are you doing with the code?

    Putting any ONE of the codes provided in APPEARANCE => CUSTOMIZE => ADDITIONAL CSS should work.

    Thread Starter fullywoven

    (@fullywoven)

    @gappiah yes, I know how to add CSS. I’m not doing anything wrong.

    @fullywoven: Good luck then!

    Thread Starter fullywoven

    (@fullywoven)

    @gappiah indeed! Thank you.

    If you’re running any caching plugin or your host has any caching upstream, be sure to flush the cache(s) after adding the custom CSS.

    Again, ANY of the suggested CSS code should work.

    Stef

    (@serafinnyc)

    I agree with @gappiah, if you’re running a caching app or your server needs purging you need to look there as soon as you add the correct css rule.

    Also, I’d be interested in knowing where you’re adding the css. For now just go to Customizer > Additional CSS and add it there. But also explain where you’re adding it if not there.

    As soon as you’re done adding the rule, go to your server and purge the cache, then clear your local cache (your browser).

    As you can see by the screenshot the rule @jawad1234 gave you does indeed work https://loom.com/i/a763e326db5a4af98ca28876c248f403

    Whatever we do in console is to be

    Thread Starter fullywoven

    (@fullywoven)

    @gappiah @serafinnyc thank you both

    Clearing the cache did the trick. Thanks for your help.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘How to remove previous/next navigation on posts?’ is closed to new replies.