Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1404666
    Eyoael
    Participant

    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

    #1404691
    Thai
    Moderator

    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.

    #1404720
    Eyoael
    Participant
    This reply has been marked as private.
    #1404760
    Christopher
    Moderator

    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.

    #1404975
    Eyoael
    Participant

    Hi,

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

    Thanks

    #1405397
    Nabeel A
    Moderator

    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!

    #1405524
    Eyoael
    Participant

    Hi Nabeel,

    Thanks your a life saver i appriciate your help.

    Thanks

    #1405891
    Prasant Rai
    Moderator

    You are most welcome. ☺

  • <script> jQuery(function($){ $("#no-reply-1404666 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>