The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

[resolved] Another CSS selector issue... (4 posts)

  1. Dave
    Posted 3 years ago #

    Hey - I've been trying to get this plugin working, but I just can't seem to figure out the css selectors. I looked at all the examples I could find, and tried a whole bunch of combinations.

    I'm currently on:

    Content Selector: #gallery
    Posts Selector: #gallery .thumb
    Navigation Selector: .load-next
    Next Page Selector: .load-next .nav-previous a

    Site is: http://kosen-rufu.com/

    Any help would be hugely appreciated!


  2. beaver6813
    Plugin Author

    Posted 3 years ago #

    Hi Dave,

    Are you using the WordPress plugin or inserting the code manually? I ask because at the bottom of the site I can see some javascript for infinite-scroll that doesn't look like it comes from the plugin (and then I can't see the plugin code loading). The selectors above look correct though.

    One thing to look out for is that infinite-scroll won't load new content if you can't physically scroll to the bottom (so if the content doesn't fill the screen). There is a recent fix in the Github repo but it hasn't made it to the WordPress plugin yet. For now I'd just set it to load more posts by default (maybe 9) so it fills the screen.


  3. Dave
    Posted 3 years ago #

    Hey Sam, thanks for getting back to me.

    I am using the plugin - I've been looking through a load of examples of this, so I must have got that code from one of those sites. I removed it, and a load of javascript that might have been conflicting, but it's still not working...

    I will make the posts fill the screen in the future, but it would be good to get this working. Any more ideas on why it doesn't work on this site?

    Thanks again,

  4. Dave
    Posted 3 years ago #

    If you're interested, I worked this out.

    For some strange reason (which I'm pretty sure is unique to the site I was working on) - the javascript file wasn't loading, and neither was the jQuery that called the script.

    So I just disbaled the plugin and loaded the javascript manually in the footer of the site, and wrote the jquery in by hand too.

    I was only able to do this because of the great instructions on your site, and looking through your source.


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Infinite-Scroll
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic