Lacks documentation but works great with Elementor when set up correctly
-
I’m using this plugin alongside Elementor. I had to use the following plugin settings to make infinite scroll work with the Elementor “Archive Posts” widget:
POSTS SELECTOR:
.elementor-posts-containerNAVIGATION SELECTOR:
.elementor-paginationI also cobbled together the following CSS to use a custom spinner image and set it to rotate when loading:
@keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .wp-ajax-pagination-loading { background-image: none !important; } .wp-ajax-pagination-loading:before { content: ''; display: block; width: 64px; height: 64px; position: absolute; top: calc(50vh - 32px); left: calc(50vw - 32px); background: transparent url('logo-small.png') no-repeat; animation: rotation .7s infinite linear; }
Of course my logo is a transparent PNG, so it works well in this sort of context.
Anyway, this setup is working great and only took about 10-15 minutes to install, decipher settings/markup/styling, and set up the way I wanted. Not too bad for a really slick effect!
- The topic ‘Lacks documentation but works great with Elementor when set up correctly’ is closed to new replies.