WordPress.org

Ready to get started?Download WordPress

Forums

Infinite-Scroll
[resolved] How to know CSS selector values (Infinite Scroll) (22 posts)

  1. Abdul877
    Member
    Posted 1 year ago #

    `I am not clear how to get the correct CSS selector value. Once My site loads and I go at the end of page, a message appears, "Loading new Posts" but then again a message appears, "You have hit the end of Page".

    Means infinite scroll is working but probably, I am making some mistake. Can any one guide me what I should do?

    Thanks in advance.
    Regards:

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

  2. babychai
    Member
    Posted 1 year ago #

    totally not working for me.

    im using this theme http://www.elegantthemes.com/demo/?theme=TheStyle

    Pls let me know what's the correct selector that i should put.

    Thanks :)

  3. Abdul877
    Member
    Posted 1 year ago #

    Buddy it works. I have spent few hours finding the correct selectors and the I succeeded. I got a great help from this example.

    <div id="content">
    <div class="post">This is my post 1, it has a lot of content in it about Bananas...</div>
    <div class="post">This is my post 2, it has a lot of content in it about Bananas...</div>
    <div class="post">This is my post 3, it has a lot of content in it about Bananas...</div>
    <div class="post">This is my post 4, it has a lot of content in it about Bananas...</div>
    </div>
    <div id="navigation">
    <div class='next'>
    <a href='/page/2/'>Next Page</a>
    </div>
    </div>

    [Moderator Note: Please post code or markup snippets between backticks or use the code button.]

    In this example
    nextSelector: #navigation .next a:first
    navSelector: #navigation
    contentSelector: #content
    itemSelector: #content .post

    Thanks a lot beaver. I am enjoying the plugin now.......

  4. babychai
    Member
    Posted 1 year ago #

    where to see that code? Page Template?

  5. denicocc
    Member
    Posted 1 year ago #

    Try looking inside 'index.php' or 'home.php'...

  6. babychai
    Member
    Posted 1 year ago #

    Hi, my "home.php" is like below

    <?php get_header(); ?>
    <?php $show_sidebar = (get_option('thestyle_sidebar_home') == 'on') ? true : false; ?>

    <div id="content" class="clearfix<?php if ($show_sidebar && get_option('thestyle_blog_style') == 'false') echo(' sidebar-fixedwidth'); ?>">
    <div id="boxes" class="<?php if (!$show_sidebar) echo('fullwidth'); if (get_option('thestyle_blog_style') == 'on') echo(' blogstyle-entries'); ?>">
    <?php get_template_part('includes/entry','home'); ?>
    <div id="content-bottom-bg"></div>

    <?php get_footer(); ?>

    So how to know which selector? Appreciate if u all can guide me. Thanks :)

  7. denicocc
    Member
    Posted 1 year ago #

    Can you tell us what theme are you using now...

  8. denicocc
    Member
    Posted 1 year ago #

    From the thread you started, you mentioned you're using Elegant Theme - TheStyle...
    If that's the one, I'll try to assume your selectors would like these based on the examples shown earlier by Abdul877...

    Content Selector: #content
    Posts Selector: #content div#boxes
    Navigation Selector: .wp-pagenavi
    Next Page Selector: .wp-pagenavi #right-arrow a:First

    Give it a try...all the best
    Den

  9. babychai
    Member
    Posted 1 year ago #

    denicocc,

    No, it's not working :(

  10. denicocc
    Member
    Posted 1 year ago #

    hmm...should have work...I only see those selectors on your template...
    I don't get it to work coz my template has an option that can turn off Javascript/Ajax scripts...
    that's pretty much what I did...
    I wish I have your theme so I can give it a test but it's paid theme...

  11. babychai
    Member
    Posted 1 year ago #

    i copy & paste exactly what you type. after filled up the selectors. my blog Category & Pages words missing from the top of my blog.

    Am i did something wrong?

  12. denicocc
    Member
    Posted 1 year ago #

    does this happened before?
    if it doesn't, somehow the plugin is somewhat working but with errors that's why you'll noticed strange behavior/abnormality with your theme...

  13. babychai
    Member
    Posted 1 year ago #

    this is first time happen.
    so i have to re-install the plugin & try again?

  14. denicocc
    Member
    Posted 1 year ago #

    i'm not sure...
    it could be the plugin or it could be other plugins clashing with it...
    does your theme has it own option/settings?
    you need to check that also...

  15. babychai
    Member
    Posted 1 year ago #

    I change the "First" to "first" e.g
    Next Page Selector: .wp-pagenavi #right-arrow a:First
    Next Page Selector: .wp-pagenavi #right-arrow a:first

    the Category & Pages at the top back to normal but infinite scroll still not working.
    Yes it does has it own option but i can't see anything wrong with it.
    I already re-installed the plugin but still can't make it.

  16. denicocc
    Member
    Posted 1 year ago #

    have you tried this:

    .wp-pagenavi #right-arrow a:first

    to

    div.wp-pagenavi div#right-arrow a:first

    there are lot of variations, just need to experiment with it...
    have you tried turning off other plugins?
    just used Infinite-Scroll plugin only...

  17. babychai
    Member
    Posted 1 year ago #

    it's not working with that selector also.

    It's ok, later i try to turn off all the plugin & retry

    Thanks for your big help denicocc anyway :)

  18. babychai
    Member
    Posted 1 year ago #

    it's not working with that selector also.

    It's ok, later i try to turn off all the plugin & retry

    Thanks for your big help denicocc anyway :)

  19. denicocc
    Member
    Posted 1 year ago #

    if it's still doesn't work just tell me...
    I'll try to test the theme on my site then I'll tell you of my findings..

  20. denicocc
    Member
    Posted 1 year ago #

    You're right, it's not working either.
    The theme is non-standard and contains a lot unique features.
    It can be done but need to customize the codes and it's no easy tasks.
    That is far I can get for helping you...sorry I can't be much more help to you...
    DEN

  21. babychai
    Member
    Posted 1 year ago #

    Hi denicocc,

    It's Ok then. You are so nice. I'm very appreciate of your help.
    So, I'll stick back to my original scroll :)

    Thanks You!

  22. vecocamacho
    Member
    Posted 1 year ago #

    How can I identify CSS selectors in theme Minimum with Genesis Framework?

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.