Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.
Get Now

Okay
  Public Ticket #2705689
Change page loader to site logo
Closed

Comments

  • Acutis started the conversation
    March 1, 2021 at 4:28am

    I need to change page loader to site logo.

  •  7,280
    Oliver replied
    March 1, 2021 at 10:17am

    HI!

    In order to change loader to your image, use this css:

    #page-preloader.preloader-loaded .page-preloader-spin {    
background-image: URL('URL_OF_THE_IMAGE');    background-size: cover;    width: 150px;    height: 150px;    border: none;
}
#page-preloader.preloader-loaded .page-preloader-spin:before
#page-preloader.preloader-loaded .page-preloader-spin:after {    display: none;    }

     

    3938581396.jpg

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Acutis replied
    March 2, 2021 at 7:25am

    This code is not working, still old page loader is loading

  •  7,280
    Oliver replied
    March 2, 2021 at 7:34am

    Hi,

    pls. give me wp-admin access.

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   Acutis replied privately
  •  7,280
    Oliver replied
    March 2, 2021 at 9:28am

    Hi,

    At first, add the image URL here:


    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •   Acutis replied privately
  •  7,280
    Oliver replied
    March 3, 2021 at 9:03am

    HI,

    pls. check now

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Acutis replied
    March 4, 2021 at 4:13am

    Thanks. It is working now. But Can I stop this spinning?

  •  7,280
    Oliver replied
    March 4, 2021 at 9:28am

    HI!

    CSS example:

    body .preloader .preloader-spin, 
body .loading .preloader-spin {
    animation: none;
}

     

    3938581396.jpg

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver