Public Ticket #224605


  • Nikos started the conversation

    Hello, i have been trying to change the background color of the preloader, but for the life of me i cannot find it. I have changed everything i could think of in loader.css. Where is it?

  •  14
    Nick replied

    To change the background color via CSS you will need to change the loader.css file - on line 24 you will find the styles for the background set to white:

    #royal_preloader .background {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-color: #fff;
        -webkit-transition: background 0.5s linear;
           -moz-transition: background 0.5s linear;
            -ms-transition: background 0.5s linear;
             -o-transition: background 0.5s linear;
                transition: background 0.5s linear;

    As for the gif of the preloader (gifs can't be transparent) you will need to edit this in either Photoshop or any other image editing software to change the white background of the gif itself.



  • Nikos replied

    Hey, thanx for the reply. I had tried that before and it didn't work. 

    I finally found the solution!!! At the bottom of the index page you have the script with the options for the preloader and changed the background color there. I think the script was overriding styles.css with inline styles. Thanx anyway.