Jump to content
Sign in to follow this  
finni

Pagelines and Infinite Scroll

Recommended Posts

finni

I want to use the plugin Infinite Scroll on my website. In order to use it you have got to provide 4 CSS selectors: Content Selector (The selector of the content div on the main page.) Posts Selector (The selector of the post block.) Navigation Selector (The selector of the navigation div (the one that includes the next and previous links).) Next Page Selector (The selector of the previous posts (next page) A tag.) I tried several different possibilities, but none of them worked. I am using the Pagelines Framework in Magazin Layout Mode without any full-width posts. Does anyone know the correct CSS selectors?

Share this post


Link to post
Share on other sites
Rob

Do you have a website live that we can view to help you find the selectors? Please provide the link. Thanks.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
catrina

Content Selector: div#pagelines_content Posts Selector: section#postloop Navigation Selector: section#nav Next Page Selector: span.next-entries I highly recommend using Firebug to inspect pages for CSS selectors: http://getfirebug.com (A tutorial on how to use it for CSS customizations is here: http://www.pagelines.com/wiki/Custom_CSS#How_to_use_CSS_Inspection_Tools)


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
neurobonkers

Hi there, I'm having precisely the same problem as Finni, I've tried Firebug but still no joy. Could you please recommend the selectors for me to use? http://neurobonkers.com Thanks!

Share this post


Link to post
Share on other sites
Jenny

Possible selectors were listed above. Plus Catrina also provided videos and tips on how to find the selectors on your own. ;)


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
neurobonkers

Hi there, I've tried the selectors above and countless other combinations using the instructions given by Catrina but still no joy. I can't tell if I am making a mistake or if I'm doing it right and one of my plugins is blocking it from working. Is there any chance someone can take a peak at my site and help me out here? Sorry, I'm an absolute CSS amateur. Thanks http://neurobonkers.com

Share this post


Link to post
Share on other sites
Jenny

@neurobonkers Since this original topic was opened by someone else back in February, I suggest creating a new topic with your question (and all pertinent information), that way we are able to help you personally instead of through someone else's topic. Thanks!


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
jackazoid

Bit late but for others with the same problem. Here's the solution.

content Selector: #postloop

item Selector: #postloop .copy-pad article

nav Selector: #pagination

next item Selector: #pagination .copy-pad .page-nav-default .previous-entries a:first

Source: http://wordpress.org/support/topic/plugin-infinite-scroll-infinite-scroll-not-working-pagelines-platform-pro

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×