Correct selectors for enabling infinite scroll?

[jondcreek]

Hi,

I have had a good search in the forum and came across many different solutions for implementing infinite scroll on my site. Such as:

Jetpack infinite scroll & X Theme

S O L V E D For others, and for my own future reference: Integrating Jetpack’s infinite scroll into X requires changes in three files: style.css functions.php framework/views/ethos/wp-index.php See: https://jetpack.com/support/infinite-scroll/ Another good tutorial: https://www.cssigniter.com/how-to-implement-jetpacks-infinite-scroll-on-your-blog/ FIRST: Jetpack needs to know the ID of the div which contains all the posts. In X that div has a class of x-main but has no ID by default. Wit…

Infinite Scroll

How to implement Jetpack's Infinite Scroll on your blog • CSSIgniter

I am still not having much luck integrating this requirement for my site!

Could someone please tell me if these selectors are the right ones to be using?

And if anyone has a simple engineering solution to this problem I would be very grateful for the help.

Thanks

[ruenel]

Hello Jon,

Thanks for writing in!

If you have the masonry style, then the post container will be .x-iso-container
And then the post selector should be just .hentry
The pagination selector is correct which is .x-pagination
The next link should be .prev-next

Just to manage your expectations, this isn’t specifically a theme issue, but rather, your customisation of it. So whilst I have happily provided you with some guidance above on how to get it working, you might find this links helpful so please check out the following:

https://www.w3schools.com/cssref/css_selectors.asp
https://www.youtube.com/watch?v=GMk7ZLuo6Po