How to replace the loading animation (loading.gif) ?

  • Resolved FGU Nord / Lars

    (@medieskolen)


    5 years, 1 month ago

    Hi

    Is there any way that I can replace the loading animation (loading.gif) with my own?

    Hopefully by css 😉

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Archetyped

    (@archetyped)

    5 years, 1 month ago

    Hi, yes all aspects of the lightbox can be customized via the lightbox theme (HTML/CSS). Full details are available in SLB’s Themes documentation.

    • This reply was modified 5 years, 1 month ago by Archetyped.
    Thread Starter FGU Nord / Lars

    (@medieskolen)

    5 years, 1 month ago

    Hi

    Sorry but it’s way over my level 🙁

    My problem is that the loading-animation is not transparent (It has a white box around … and it’s not that nice looking)
    I thought i might have been able to load a transparent animation in via CSS

    My fix-the-problem-solution right now is to hide the animation doing this:

    .slb_loading {
	
display:none!important;
	
}

    … This was not quite what I wanted but it is ok

    Plugin Author Archetyped

    (@archetyped)

    5 years ago

    Hi, if you are able to modify the .slb_loading element via CSS (e.g. via a custom lightbox theme, WordPress theme CSS, etc.), then you can replace the default animation with whatever you want rather than hiding it altogether.

    Simply update the .slb_loading element with the desired CSS animation properties and it should be displayed.

    Thread Starter FGU Nord / Lars

    (@medieskolen)

    4 years, 8 months ago

    This is how I made it work

    .slb_loading{

	background-image: url(https://domain.com/wp-content/uploads/2021/10/my-own-animation.gif)!important;

	
}

    Thanks 🙂

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘How to replace the loading animation (loading.gif) ?’ is closed to new replies.

Tags