Tagged: gif, LayerSlider, loading, path
Having a problem overriding the pretty awful-looking loading.gif
for a Layer Slider. The gif is in an images
folder in the same directory as my child theme stylesheet. When I insert:
.ls-fullwidth .ls-loading-indicator {
background-image: url(images/loading_spin.gif) !important;
}
into the Quick CSS field in my Enfold Child options and check the source on the front-end the paths show incorrectly as /wp-content/uploads/dynamic_avia/images/loading_spin.gif
and the gif doesn’t show up, naturally.
I also tried inserting the CSS into the LayerSlider CSS Editor, but it also gives me an incorrect path: /wp-content/uploads/images/loading_spin.gif
What’s the best way to change this loading gif?
To remedy, I added the CSS to the child theme stylesheet. I guess the Enfold CSS Editor is applying the correct path, but it still seems a little weird, or should at least warn to use full paths for images.
Hi!
Glad you got it sorted dmoz. Let us know if you have any other questions.
Regards,
Elliott