• 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-container

    NAVIGATION SELECTOR:
    .elementor-pagination

    I 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.