Docs

[Eyoael]

Hi,

I’m trying to change the revolution slider spinner. I have uploaded my own gif to revolution slider asset and deleted the default gif. And i found the following topic https://community.theme.co/forums/topic/custom-load-spinner/ and tried this way but nothing is happening, can you guys help with this??

The css i found was the following:

.esg-loader.spinner0 {
width: 40px;
height: 40px;
background: url(“http://www.hopeochlaila.se/wp-content/uploads/2017/03/0c44dacf1b038014a6f941131c5e8aa2.gif”) no-repeat center center;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
margin-left: -20px;
-webkit-animation: esg-rotateplane 1.2s infinite ease-in-out;
animation: esg-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.ecfpreloader {
width: 100% !important;
height: 60px !important;
background: url(“ttp://www.hopeochlaila.se/wp-content/uploads/2017/03/0c44dacf1b038014a6f941131c5e8aa2.gif”) center center no-repeat !important;
text-align: center;
}

Thanks

[Thai]

Hi There,

Your website is under construction mode.

Would you mind providing us with your admin account so we can take a closer look?

Thanks.

[Eyoael]

This reply has been marked as private.

[Christopher]

Hi there,

Please add this code:

.tp-loader.spinner0, .tp-loader.spinner5 {
    background-image: url("http://www.hopeochlaila.se/wp-content/uploads/2017/03/0c44dacf1b038014a6f941131c5e8aa2.gif") !important;
}

Hope it helps.

[Eyoael]

Hi,

Unfortunatly the css didn’t work, do have any other suggestions?

Thanks

[Nabeel A]

Hi again,

I went ahead and add the following code in your Slider’s Custom CSS:

#ple-animates div {
    display: none !important;
}
#ple-animates {
    background-image: url("http://www.hopeochlaila.se/wp-content/uploads/2017/03/0c44dacf1b038014a6f941131c5e8aa2.gif") !important;
    width: 125px;
    height: 100px !important;
    background-size: cover !important;
}

Clear your cache and reload the site. Cheers!

[Eyoael]

Hi Nabeel,

Thanks your a life saver i appriciate your help.

Thanks

[Prasant Rai]

You are most welcome. ☺

[Author]

Posts