Limited availability during the holidays

Another busy year is coming to its end, and an exciting year lies ahead. In order to get ready for a fresh new start, our team will spend a few days' rest during the winter holidays. Over the holiday break, we will have reduced staffing from December 20th, 2024, to January 5th, 2025, so please be patient if you do not receive a response as quickly as you normally would.

We send our warmest wishes for happiness, health, and success throughout the coming year. Thank you for your continued support, and may you have a peaceful and blessed Happy Holidays!

Okay
  Public Ticket #2971793
Preloader gif icon
Closed

Comments

  • Shota started the conversation

    Hi,

    I need to change preloader icon in my web site. Please show me how to do it.

  •  73
    John replied

    Hi Shota,

    We've already responded to your question via email. Please find our original reply below:

    Do you mean LayerSlider's preloader icon? If so, it's part of the selected LayerSlider skin. Although you can replace the loader.gif file in the appropriate skin folder, a LayerSlider update would revert your changes back unless you're using a custom skin.

    We're planning to introduce entirely new customization options for appearance and navigation, which will give you an option for this. We don't have an ETA, but this is the number one priority on our list and you can expect it in the coming months.

    One additional thing: you can use LayerSlider's CSS Editor to override the skin's preload GIF. Here's a quick example code doing that:

    div.ls-container.ls-wp-container div.ls-gui-element div.ls-loading-indicator {
        background-image: url(loading.gif); /* URL for custom gif image */
        width: 22px; /* set custom width */
        height: 22px; /* set custom height */
        margin-top: 11px; /* half of the custom height */
    }
    

    Best Regards,
    John | Kreatura Dev Team

  • Shota replied

    Hi!

    Thaanks a lot!

    But I need to shange this:

    3785997889.png


  •  73
    John replied

    That's a CSS animation hardcoded into the skin. Since that slider has no controls because it only has one slide, you could change it to a skin called "no skin" and use the code below. I understand that this is not an ideal solution. Right know, LayerSlider doesn't support changing the loading indicators out of the box. That's why we're working hard on a new appearance and navigation editor, which will provide lots of customization options and ease of use. Thank you for your understanding!

    Best Regards,
    John | Kreatura Dev Team