Forums » Theme: Twenty Twenty » Remove Previous Post, Next Post

  • Resolved inmom

    (@inmom)


    The Next Post and Previous Post links make no sense in the context of my website, and none of the plugins/strategies to remove them that seem to work for other themes work for twenty twenty. How can I remove these links from my posts?

    Thanks for any help.

Viewing 15 replies - 1 through 15 (of 15 total)
  • Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    Add this via Additional CSS:

    .navigation.pagination {
        display: none;
    }
    Thread Starter inmom

    (@inmom)

    Thanks for the reply, but this didn’t work.

    Here’s what I did:
    Appearances –> Customize –> Additional CSS –> pasted your code into the textbox –> Clicked “Publish” –> Reloaded page (even tried in a different browser) –> No Change whatsoever…

    In case it matters, I haven’t launched my site yet, so I’m looking at my site via “Visit Site” option at the top of the dashboard.

    Have I missed a step?

    I remember reading somewhere that Twenty-Twenty isn’t set up like most WordPress themes are, so the standard solutions to standard problems often don’t work. This seems to be one of those cases.

    Again, thanks for any help.

    Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    It will definitely work.

    Are you using any sort of caching plugin, or do you see a “Clear/Purge Cache” button in your Dashboard or admin bar? If so, would you please try clearing the cache?

    Note: You do not need to install a caching plugin at this point just to clear a cache you don’t have. If you don’t have a caching plugin or a way to clear a server-level cache, just say so. 🙂

    Thread Starter inmom

    (@inmom)

    After poking around a bit, Bluehost (which I use) has a caching feature (not sure if it’s technically a plugin, since it doesn’t appear on my plugins list) called Endurance Cache. The level was (and still is) set to “Off (Level 0)”. Also, yes, there was a “Caching” button at the top of my dashboard. I clicked “Purge All”, but to no avail. Just to be sure it wasn’t just my computer, I briefly turned off the “Coming Soon” and checked on my daughter’s computer (which had never loaded that site previously) without logging in to WordPress, but the links were still there.

    Having taken these steps, what do I do now?

    Again, Thanks!

    Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    Honestly, I’m not sure. I’ve tested that snippet on all of my Twenty Twenty sites, and it works perfectly.

    Pre-snippet: https://d.pr/i/vWJO9B

    Post-snippet: https://d.pr/i/eDigUt

    Again, that snippet is:

    .navigation.pagination {
        display: none;
    }
    Thread Starter inmom

    (@inmom)

    I’m using a child theme, with the plugin Child Theme Configurator. I’ve tried activating Twenty-Twenty (non-child) theme. Nothing. I’ve tried turning off plugins one-by-one. Nothing.

    Can you point me to where in the CSS these commands appear? Would it work if I “commented” them out? I remember reading about that approach at some point, and since nothing else has worked…

    Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    You must have some sort of caching somewhere, if it won’t even work under a non-child Twenty Twenty theme, or you have a plugin interfering somehow.

    I simply cannot explain why else it won’t work for you, it makes absolutely no sense.

    Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    Ok, whoops, hang on. My fault. If you look at the screenshots from my last reply, I’m removing the wrong thing, must have gotten confused along the way.

    Here’s what you need to add via Additional CSS:

    .pagination-single-inner {
        display: none;
    }

    Pre-snippet: https://d.pr/i/jagkLc

    Post-snippet: https://d.pr/i/DWM3T1

    I think that looks a lot more like what you want. 😉

    Thread Starter inmom

    (@inmom)

    That did the trick! Again, thank you for your time and expertise; they are both very much appreciated.

    This was one of those little “I can live with it if I have to” things, but as time went by, it was bugging me more and more, so I’m really glad to have finally found a solution.

    Thank the maker for volunteers like you!

    Have a great day,
    Jeff

    This has been very helpful but is there a way to remove those two lines at the bottom that remain?

    Thank you!

    Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    To remove the pagination _and_ the lines, use:

    .pagination-single.section-inner.only-one.only-prev {
        display: none;
    }

    Hi, I’m very happy to find this solution as I have the same need. Thank you James!
    Although, the 2 lines still remain, even with the last code. I tried that code alone and it didn’t do anything. Next I tried both and the next/previous post doesn’t show but the 2 lines are still there. Any help, please?

    Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    What is the URL of the page you’re still seeing them on?

    Did you ever solve this @macmanx? I’m in the same position as @martinspaulo as the two lines still appear.

    • This reply was modified 3 years, 8 months ago by lukeloescher.
    Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    No, because I still haven’t received a reply to the above question, “What is the URL of the page you’re still seeing them on?” 😉

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Remove Previous Post, Next Post’ is closed to new replies.