Search code examples
wordpressloaderrevolution-slider

Loader appears while using the slider revolution


I am using the slider revolution for my header, and I have a loader as the picture show when I have a carouseul of picture, between the transition of image (of even for the first image I have the loader, even when I use a fiber internet connection..). Do you know why and how to fix it ? At least how to apply a display:none; to it..

enter image description here


Solution

  • Try adding the following lines in style.css:

    body .tp-loader.spinner1 {
      display: none;
      visibility: hidden;
    }
    

    Just change the .spinner1 to the spinner number that is chosen in the Revolution Slider Settings.

    Update:

    The CSS for spinners are defined in the following location:

    plugins\revslider\rs-plugin\css\settings.css

    As you can see, the spinner selectors all have .tp-loader class:

    .tp-loader.spinner3{
    ...
    }
    
    .tp-loader.spinner5{
    ...
    }
    

    You could try to directly edit that settings.css file to see if it works.