WordPress.org

Ready to get started?Download WordPress

Forums

Infinite-Scroll
[Plugin: Infinite Scroll] not working with Imbalance (5 posts)

  1. Toukie
    Member
    Posted 2 years ago #

    Hello,

    I'm using the Infinite Scroll plug-in for my website http://blueinkillustration.com

    But it doesn't seem to be working. Can anyone help me?

    The theme I'm using is Imbalance from WP Shower

    http://wpshower.com/demo/?theme=imbalance

    The selectors I have currently are:

    Content CSS Selector: #outer > .li_container:first
    Post CSS Selector: .li_container > .mcol, #outer > ul.mcol
    Navigation Links CSS Selector: #wp-pagenavi
    Previous posts CSS Selector: #wp-pagenavi span.older a:first

    Debug Mode is ON
    Infinite Scroll is On
    Scrolling Behavior Automatic
    Javascript to be called after the next posts are fetche

    jQuery(newElements).makeacolumnlists({cols: 3, colWidth: 0, equalHeight: 'ul', startN: 1});

    http://wordpress.org/extend/plugins/infinite-scroll/

  2. beaver6813
    Member
    Plugin Author

    Posted 2 years ago #

    Hi Toukie,
    Columnizer makes life so difficult! Some guys had some problems with it before, I think we got it resolved:

    http://wordpress.org/support/topic/plugin-infinite-scroll-not-working-2?replies=18

  3. Toukie
    Member
    Posted 2 years ago #

    I saw that and made all those changes.... But the core issue is the selectors are different since it uses paginavi

    I determined that the
    Content Selector #li_container1 > .li_container:first
    Posts Selector .li_container > .mcol, #li_container1 > ul.mcol

    But the Navigation Selectors is where I am iffy at
    Navigation Selector .wp-pagenavi
    Next Page Selector a.page.larger

  4. Toukie
    Member
    Posted 2 years ago #

    Actually after reviewing both the content and post prob are the same... it the navigation that killing me now :c Got it working with Hackory... but id i wish I could figure out how u get it to work with wp paginavi Granted it still doesn't visually display right :c... Actually All fixxed

    Javascript jQuery(newElements).makeacolumnlists({cols: 3, colWidth: 305, equalHeight: 'ul', startN: 1});

    Index Php Edit

    <?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
    <?php endwhile; ?>
    <div id="nav">
    <div id="navleft"><?php next_posts_link(__('Previous page ')) ?></div>
    <div id="navright"><?php previous_posts_link(__('Next page ')) ?></div>

  5. caseymahon
    Member
    Posted 2 years ago #

    can you explain where in the index.php this edit went? I am trying to replicate your success on my site as well

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.