Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 25, 2020 at 12:59 pm #1240652
    elfuego1340

    Hello, is it possible to change the original loading loader to another? I intend to change the circle logo. Thank you!

    http://i.szoter.com/26295d58b9ed7521

    • This topic was modified 4 years, 3 months ago by elfuego1340.
    August 26, 2020 at 5:51 am #1240839
    Nikko

    Hey elfuego1340,

    Yes, it’s possible.
    In Enfold > Theme Options, enable Page Preloading then upload the new image in Custom Logo for preloader
    Hope this helps :)

    Best regards,
    Nikko

    August 26, 2020 at 10:38 am #1240880
    elfuego1340

    Hi Nikko, thanks for replying. Unfortunately, however, I intend to change the default circle .. in fact if I put an image as a preloader it does nothing but put itself above the default circle. I would really like to change the circle. Thanks and I look forward to your kind reply.

    As shown in the image, if I add files for the preloader (yellow arrow), it is placed above the default circle (orange arrow)

    http://i.szoter.com/bae9c617824023f8

    August 27, 2020 at 6:30 am #1241094
    Nikko

    Hi elfuego1340,

    I see, please remove the logo then go to Enfold > General Styling > Quick CSS, then add this CSS code:

    #top .av-siteloader {
    background: url(https://website.com/path/to/logo.jpg) center center no-repeat;
    background-size: contain;
    border: none;
    height: 120px;
    width: 120px;
}

    Then replace http://website.com/path/to/logo.jpg with your logo or image.
    Also, adjust the height and width as needed.
    Hope this helps :)

    Best regards,
    Nikko

    August 27, 2020 at 4:03 pm #1241239
    elfuego1340

    Perfect thanks it works!

    August 28, 2020 at 1:19 am #1241337
    Nikko

    Hi elfuego1340,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

    November 27, 2020 at 9:53 am #1263474
    elfuego1340

    Hi Nikko, I have a gif preloader that I don’t want to rotate .. is it possible to do this with a new CSS? Because with the previous css the gif image turns on itself. Thanks!

    Below is an example:

    https://www.overlimitswear.com/pacman.gif

    November 30, 2020 at 12:16 pm #1263920
    Nikko

    Hi elfuego1340,

    Try to add animation: none; or (if it doesn’t work) animation: none!important; to:

    #top .av-siteloader {
    background: url(https://website.com/path/to/logo.jpg) center center no-repeat;
    background-size: contain;
    border: none;
    height: 120px;
    width: 120px;
}

    it should look like:

    #top .av-siteloader {
    background: url(https://website.com/path/to/logo.jpg) center center no-repeat;
    background-size: contain;
    border: none;
    height: 120px;
    width: 120px;
    animation: none;
}

    Hope it helps. :)

    Best regards,
    Nikko

    November 30, 2020 at 10:15 pm #1264062
    elfuego1340

    Hi Nikko, thank you very much it works perfectly with the code below, see you next time!

    #top .av-siteloader {
    background: url(http://website.com/path/to/logo.jpg) center center no-repeat;
    background-size: contain;
    border: none;
    height: 120px;
    width: 120px;
    animation: none;
    }

    December 1, 2020 at 1:52 am #1264086
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Change the original loading loader’ is closed to new replies.