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 */
}
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!
Hi,
I need to change preloader icon in my web site. Please show me how to do it.
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:
Best Regards,
John | Kreatura Dev Team
Hi!
Thaanks a lot!
But I need to shange this:
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