search-filter-scroll-loading icon positionning in infinite scroll?

Forums › Forums › General › search-filter-scroll-loading icon positionning in infinite scroll?

Viewing 10 posts – 1 through 10 (of 24 total)
  • Anonymous
    #121298

    Hello,

    I am testing infinite scroll and I would like to know how can I positionne where I want the search-filter-scroll-loading icon ?

    For me when scrolling to the bottom and when my items are loading the icon is still displayed at the top left of my screen.

    I would like to place it at the bottom center… is it possible?

    And how can I replace your icon?

    Thanks a lot
    Best Regards

    Trevor
    #121421

    You would need to use custom CSS. It is not something I have experimented with.

    Anonymous
    #121457

    Ok, do you know which css should I use to positionne it?

    Best

    Trevor
    #121466

    Is it possible for me to see the search page with a link/URL?

    Anonymous
    #122733
    This reply has been marked as private.
    Anonymous
    #122775
    This reply has been marked as private.
    Trevor
    #122845

    I think this is the CSS from our plugin that controls it:

    .search-filter-scroll-loading {
      display: block;
      margin: 10px;
      margin-top: 20px;
      height: 30px;
      width: 30px;
      animation: search-filter-loader-rotate 0.7s infinite linear;
      border: 5px solid rgba(0, 0, 0, 0.15);
      border-right-color: rgba(0, 0, 0, 0.6);
      border-radius: 50%;
    }
    Anonymous
    #123291

    Hello,

    Should I add that bit of css code ???

    Could you please explain me what I have to do?

    Thanks

    Trevor
    #123307

    That is the css that our plugin uses to place the icon. If you could just repeat here the page I would see it on (it is buried in another thread I suspect)? I can then take a look to see if it can be moved.

    Anonymous
    #124938
    This reply has been marked as private.
Viewing 10 posts – 1 through 10 (of 24 total)

Search & Filter Support
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

We also use cookies to store items in your cart as well as allowing your to login on the site.

You can adjust all of your cookie settings by navigating the tabs on the left hand side.

By continuing to use this site, you also agree to our Privacy Policy.