Need CSS to remove "infinite scrolling" (in K2-lite)

  • Author
  • #932556

    I’m using K2-Lite theme with custom upgrade that allows changing CSS.
    Recently, WordPress has introduced “infinite scrolling” which I think is a horrible thing. After I added a dummy footer widget (thanks, user justpi, for your tip) it still leaves me with a blue “Load More Posts” button. This will keep adding ever more posts to the bottom of the open browser page.
    I don’t want this user-disorienting and memory-wasting nonsense. I want to restore the original, much more user-friendly setup of a limited number of posts on a page, with “Next” and “Previous” links to open other content.
    I know (thanks to justpi again) that this can be done by changing the theme’s CSS, but the required CSS appears to be different for different themes. So my request is:
    Can someone get me the specific CSS code to repair this problem and restore the original situation with “Next” and “Previous” links? With specific I mean, the code needed to do this in the K2-Lite theme?
    As I’ve got no experience at all with changing the CSS, I’d also much appreciate any tips about what’s the best way (for an amateur like me) to actually implement this change.
    Thank you so much!

    The blog I need help with is


    @thesacredpath: thanks for your suggestion.
    The page you gave me a link to, gives CSS examples for four different themes – not for the K2-Lite theme I’m using.
    For any other themes than their four examples, they advise to post a query here.
    Which is just what I’m trying to do now! Thanks anyway.


    Still no one? Would I need to repost this somewhere else to get the WP support people to read it? Please, is there someone out there who can help me or has a tip?



    Please be patient for awhile longer. It’s Monday and there is Staff support provided with the custom desigh upgrade.


    By way of experiment, on my CSS edit page I tried one of the example codes (meant for other themes) from the page linked above by thesacredpath.
    I didn’t dare to actually save it (never meddled with theme CSS before, so afraid to make a catastrophic mistake) but I could take a look at the resulting preview.
    The big “Load more posts” button had indeed disappeared! But the “previous” and “next” navigation links were still missing, so the result was not really useable…
    I confess I really do hate this, wasting time just to restore something that was perfectly alright and should never have been changed in the first place.



    I hear you and I empathize but I can’t help with CSS editing.



    @henkvansetten: WP has the illusion that infinite scrolling is “the future of all web pages”, and wants you to have it even if you don’t want to. So, as expected, staff once again ‘neglected’ to answer your question although they had to.

    This is what you need to add in your CSS editor:

    #infinite-handle {
    .infinite-scroll #nav-below {


    We don’t allow removal of some things, such as footer credits, but I do think you should be able to customize the infinite scrolling if you have purchased the Custom Design upgrade. That said, we would like to encourage you to keep infinite scrolling and give it a chance if possible!

    Thanks for the workaround @justpi. I wasn’t neglecting the question, but I was taking a bit longer on this one since it’s a feature we’d really like to encourage everyone to keep rather than trying to disable it.



    “Happiness engineering” — such an interesting way to say “we know what’s best for you.”


    sonofbruce, engineering happiness isn’t always the most exact science—but as happiness engineers, we do work hard to help you the best we can! Cheers. :)



    Actually it’s “we know what’s best for Matt”.

    “I wasn’t neglecting the question, but I was taking a bit longer on this one”.
    Yeah right. How long were you planning on taking on these two?
    How long are you planning on taking on this one?
    My “neglected” was inside quotation marks, so thanks for confirming what I wrote.


    @justpi, pointing out mistakes isn’t really how I think things should be managed. However, it’s very nice of you to have helped in one of the threads you’ve linked. Thank you. :)



    Four blue mice sat on an empty hill and sang an electric cabbage…


    Workarounds are not always the best advice, depending on the situation.

    I do appreciate the times when you are helpful.


    @justpi: Thanks a lot for your CSS code. Mysterious as it looks to me, it works!

    @designsimply: Thanks for your attention from the WP staff side, I do not really doubt your willingness to help. But it’s clear that in this case, the help I got from justpi was quicker and more to the point.
    Now that I seem to have the ear of the WP staff, may I explain myself a little? For I really do not consider myself one of them conservatives who by principle want to keep everything as it is, and will always oppose any change. If that were the case, I would still be working with Windows 98…
    My problem is that when WP pushes this infinite scrolling thing onto its entire user base (without asking, without offering a clear no-thank-you alternative) you seem to do so without considering all the obvious disadvantages of this new fad. Before introducing it, did you ever systematically weigh, from a site visitor perspective, the pros of infinite scrolling against the cons of infinite scrolling? I suspect you didn’t. I think you just got carried away by your desire to go along with the latest trend.
    To name just one of the many problems in this particular case: infinite scrolling may be suited for the visitor who just wants to quickly skim a few of the latest posts on a phone, but it’s totally unsuited for a visitor who really wants to go through a blog site in a more serious way. In that case, it’s user-unfriendly, especially when it comes to navigation. For when this visitor keeps adding more and more posts (long posts, who knows) to this “infinite” page, the browser scroll bar will shrink to the point of becoming unusable. The visitor will also lose his orientation: if he wants to go back to a just-read post that was halfway down the page, he’ll find that in the meantime the page has expanded so that post is now no longer halfway – but where is it now? This user will now have to scroll-search across the page in the hope to come across it again somewhere… This visitor will also lose his orientation in another way, because when an archive is neatly compartimentalized in different pages of roughly the same size, according to known “ergonomic psychology” this forms a kind of orientation raster. Wandering through archive pages 1-2-3-4-5 unconsciously you’ll keep better tabs on where in the whole data mass you are, and you can use your browser’s Back/Forward buttons to quickly jump back and forward again through the entire archive, jumping (and this is important) with fixed intermediate steps. Infinite scrolling makes this impossible.
    I really wonder if WP, when falling for this fad, did seriously consider all the pros against all the cons. Or did WP simply assume that the function of a blog page is the same as that of a Google search page, where the user will scroll down only (rarely back up) and where the user will stop scrolling down once he’s found what he’s looking for? Thinking that a blog page should work just like a search engine page, would be a grotesque functional misunderstanding…
    So designsimply, would you please, if you can, give me the list of pros and cons of infinite scrolling that WP used as a basis for the decision to introduce it? I’m looking forward to your background info!
    Thanks to all, Henk


    We absolutely considered the pros and cons of infinite scrolling. We reviewed stats, weighed feedback, and made decisions based on many talented designers who work here as well as our company founder who is a respected industry leader.

    it’s totally unsuited for a visitor who really wants to go through a blog site in a more serious way

    I don’t think that’s true. However, I’m sure there are a lot of opinions that go both ways, and so we have to weigh those and come up with solutions (as a company and as a team) that we think fit best. To try to post usable, positive solutions for you: what about trying out the archives or search widgets?

    We believe users view and actually read more content overall when using infinite scroll versus pagination. Pagination is actually slower because you have to refresh an entire page request on each new page load versus only loading in a next set of post data. And even if you’re still not convinced, you can always add things like archives and search widgets which may actually even be more conducive to a person tracking through and reading a large number of consecutive blogs posts in order. Regarding reading a blog in a more serious way, I read a lot of blogs and I can honestly say I have never read a blog with a reasonably large amount of content entirely from start to finish. And so whether or not someone can load an entire blog with a large amount of content into one scrolling session so big the scrollbar is unusable becomes less important in that context. Some people might argue you’re looking at the surface rather than how people really interact with online content which involves a lot more than just visiting the home page.

    I’m sorry but I don’t have a detailed specific list of every pro and con that was considered (please keep in mind that I wasn’t personally the one making all of the decisions!), but I can offer you the main points I have observed: it’s faster, stats show people are reading and interacting more with blogs that have it, and the fact that it’s a popular choice for other sites also shows it has interest and growing popularity on the web in general.



    it creates more impressions and more impressions = more advertising income


    timethief, however, the main goal is really to help people make engaging, interesting blogs with valuable content and customized to look beautiful. :) Ads would be useless without readers to see them.



    Infinite scrolling appeals to those who are using mobiles. The mobile web is growing at a phenomenal rate, and is forecast to overtake the desktop web in 2014.  Then more people will access the internet for

      the first time using a mobile phone rather than using a desktop or a laptop.

      Currently millions of people around the world have cell phones but no electricity, and by 2015 a majority in the Middle East and Southeast Asia will live “off-grid, on-net.”

      A study conducted by Connect Insight revealed only 17 percent of Internet users find online advertising to be appealing and most people considered it to be “intrusive, repetitive, unappealing and cheap.” Other studies tend to reinforrce that same dindinga nad it all comes down to demographics.

      The differences in opinion between those in the younger demographic set and the older demographic set are dramatic. The younger generation directly interact with brands and companies through social media. The older generation run AdBlockers to avoid interaction.

      • 24 percent of the 16-to 34-year-olds do think this type of advertising is appealing
      • 50 percent of those over 55 years old said they avoid websites where ads would pop up and “interrupt their online activities.”

      Infinite scrolling it creates more impressions and more impressions = more advertising income

      The main goal of any corporation (company) and their employees is to sell as many products and services as they can to make as high a profit as they can. In fact without that primary profit-making declaration one cannot register any entity as a company.


    The topic ‘Need CSS to remove "infinite scrolling" (in K2-lite)’ is closed to new replies.