Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Unfortunately you won't be able to get/load the sliders back to the plugin. That is only possible if you have their export files.
What you could do - if you're familiar with HTML - is that you copy the code of the slider from the cached page's source code and insert it to the live site.
This way you won't be able to use the editor, but I believe the sliders should be salvageable.
Thank you Attila. Could you please be so kind as of having a look and telling me from which tag and to which tag I should copy and paste? I will know how to do it and how to fix image URLs to replace with local images. I just need to know which bit is the slider.
As I can see the slider's code is properly copied to the test page. But the plugin files are not loaded, as if LayerSlider wasn't installed, so there is nothing that would run the slideshow. The CSS is missing too.
Please try to disable the Conditional script loading advanced setting in the plugin to see if that helps.
I also see some JS/CSS merging method being used by your Enfold theme. That might also be the reason that the necessary files/scripts are not available.
I'll let the dev team take a look at this and get back to you.
We've taken another look at this and you've copied the wrong source code. You need the original source code, not the live DOM source code.
And as we've mentioned in the previous reply, the plugin files are not loaded, as if LayerSlider wasn't installed, so there is nothing that would run the slideshow. If it is installed, please disable the Conditional script loading advanced setting in the plugin.
Something went wrong with my client's server and all the files have gone "poof".
I have all the source files (text and graphics) and the site was cached as per the URL above.
If there a way I can get the slider back from the cache version? Even if it isn't editable (just code that I can paste), it would be a big help.
Thank you in advance!
Hello GabrielSenn,
Thank you for getting in touch with us. My name is Attila and I'm happy to assist you today. I appreciate your patience while we've been working towards your ticket.
Unfortunately you won't be able to get/load the sliders back to the plugin. That is only possible if you have their export files.
What you could do - if you're familiar with HTML - is that you copy the code of the slider from the cached page's source code and insert it to the live site.
This way you won't be able to use the editor, but I believe the sliders should be salvageable.
Thank you Attila. Could you please be so kind as of having a look and telling me from which tag and to which tag I should copy and paste? I will know how to do it and how to fix image URLs to replace with local images. I just need to know which bit is the slider.
Again, the URL where you can see the slider is: https://web.archive.org/web/20180815171001/http://cijv.ca
What you need is basically the main LayerSlider DIV/container, that starts with its ID. Or you can also look for the ls-xxx tags.
Thanks again Attila,
I've tried what you suggested and even re-linked all the images, but no luck. Could you please have a look?
Here's the code in a test page: https://dev.mediabox.ca/2/banner-test-page/
What I placed in my HTML:
<script data-cfasync="false" type="text/javascript">var lsjQuery = jQuery;</script><script data-cfasync="false" type="text/javascript">
lsjQuery(document).ready(function() {
if(typeof lsjQuery.fn.layerSlider == "undefined") { lsShowNotice('layerslider_5','jquery'); }
else {
}
});
</script>
<div id="layerslider_5" class="ls-wp-container ls-container ls-fullwidth" style="width: 1030px; height: 195px; margin: 0px auto; visibility: visible;">
<div class="ls-lt-container ls-overflow-hidden" style="width: 1030px; height: 195px; display: block;"></div>
<div class="ls-slide ls-slide-1" style="width: 0px; height: 195px; visibility: visible; display: none; left: 0px; right: auto; top: 0px; bottom: auto;" data-ls="slidedelay:2500; transition2d: all;">
<div class="ls-gpuhack" style="width: auto; height: auto; padding: 0px; border-width: 0px; left: 0px; top: 0px;"></div>
<h6 class="ls-l" style="top: 152px; left: 68px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.54); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; visibility: hidden; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; filter: none;" data-ls="offsetxin:0;offsetyin:80;delayin:1000;offsetxout:0;durationout:1000;">conserving habitat</h6>
</div>
<div class="ls-slide ls-slide-2" style="width: 0px; height: 195px; visibility: visible; display: none; left: 0px; right: auto; top: 0px; bottom: auto;" data-ls="slidedelay:900; transition2d: all;">
<div class="ls-gpuhack" style="width: auto; height: auto; padding: 0px; border-width: 0px; left: 0px; top: 0px;"></div>
<h6 class="ls-l" style="top: 152px; left: 68px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: hidden; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">conserving habitat</h6>
<h6 class="ls-l" style="top: 152px; left: 319px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.54); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: hidden; filter: none;" data-ls="offsetxin:0;offsetyin:80;offsetxout:0;durationout:1000;">for the benefit of birds</h6>
</div>
<div class="ls-slide ls-slide-3" style="width: 0px; height: 195px; visibility: visible; display: none; left: 0px; right: auto; top: 0px; bottom: auto;" data-ls="slidedelay:900; transition2d: all;">
<div class="ls-gpuhack" style="width: auto; height: auto; padding: 0px; border-width: 0px; left: 0px; top: 0px;"></div>
<h6 class="ls-l" style="top: 152px; left: 68px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: hidden; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">conserving habitat</h6>
<h6 class="ls-l" style="top: 152px; left: 319px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: hidden; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">for the benefit of birds</h6>
<h6 class="ls-l" style="top: 152px; left: 620px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.54); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: hidden; filter: none;" data-ls="offsetxin:0;offsetyin:80;offsetxout:0;durationout:1000;">other wildlife</h6>
</div>
<div class="ls-slide ls-slide-4" style="width: 0px; height: 195px; visibility: visible; display: none; left: 0px; right: auto; top: 0px; bottom: auto;" data-ls="slidedelay:900; transition2d: all;">
<div class="ls-gpuhack" style="width: auto; height: auto; padding: 0px; border-width: 0px; left: 0px; top: 0px;"></div>
<h6 class="ls-l" style="top: 152px; left: 68px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: hidden; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">conserving habitat</h6>
<h6 class="ls-l" style="top: 152px; left: 319px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: hidden; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">for the benefit of birds</h6>
<h6 class="ls-l" style="top: 152px; left: 620px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: hidden; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">other wildlife</h6>
<h6 class="ls-l" style="top: 152px; left: 804px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.54); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: hidden; filter: none;" data-ls="offsetxin:0;offsetyin:80;offsetxout:0;durationout:1000;">and people</h6>
</div>
<div class="ls-slide ls-slide-5" style="width: 0px; height: 195px; visibility: visible; display: none; left: 0px; right: auto; top: 0px; bottom: auto;" data-ls="slidedelay:3200; transition2d: all;">
<div class="ls-gpuhack" style="width: auto; height: auto; padding: 0px; border-width: 0px; left: 0px; top: 0px;"></div>
<h6 class="ls-l" style="top: 152px; left: 68px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 0; visibility: visible; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">conserving habitat</h6>
<h6 class="ls-l" style="top: 152px; left: 319px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 0; visibility: visible; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">for the benefit of birds</h6>
<h6 class="ls-l" style="top: 152px; left: 620px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 0; visibility: visible; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">other wildlife</h6>
<h6 class="ls-l" style="top: 152px; left: 804px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 0; visibility: visible; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">and people</h6>
</div>
<div class="ls-slide ls-slide-6" style="width: 0px; height: 195px; visibility: visible; display: none; left: 0px; right: auto; top: 0px; bottom: auto;" data-ls="slidedelay:6000; transition2d: all;">
<div class="ls-gpuhack" style="width: auto; height: auto; padding: 0px; border-width: 0px; left: 0px; top: 0px;"></div>
<h6 class="ls-l" style="top: 152px; left: 68px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 0; visibility: visible; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">conserving habitat</h6>
<h6 class="ls-l" style="top: 152px; left: 319px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 0; visibility: visible; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">for the benefit of birds</h6>
<h6 class="ls-l" style="top: 152px; left: 620px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 0; visibility: visible; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">other wildlife</h6>
<h6 class="ls-l" style="top: 152px; left: 804px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 0; visibility: visible; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">and people</h6>
</div>
<div class="ls-slide ls-slide-7 ls-active" style="width: 1030px; height: 195px; visibility: visible; display: none; left: auto; right: 0px; top: 0px; bottom: auto;" data-ls="slidedelay:6000; transition2d: all;">
<div class="ls-gpuhack" style="width: auto; height: auto; padding: 0px; border-width: 0px; left: 0px; top: 0px;"></div>
<h6 class="ls-l" style="top: 152px; left: 68px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: visible; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">conserving habitat</h6>
<h6 class="ls-l" style="top: 152px; left: 319px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: visible; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">for the benefit of birds</h6>
<h6 class="ls-l" style="top: 152px; left: 620px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: visible; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">other wildlife</h6>
<h6 class="ls-l" style="top: 152px; left: 804px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: visible; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">and people</h6>
</div>
<div class="ls-slide ls-slide-8" style="width: 0px; height: 195px; visibility: visible; display: none; left: 0px; right: auto; top: 0px; bottom: auto;" data-ls="slidedelay:6000; transition2d: all;">
<div class="ls-gpuhack" style="width: auto; height: auto; padding: 0px; border-width: 0px; left: 0px; top: 0px;"></div>
<h6 class="ls-l" style="top: 152px; left: 68px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: hidden; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">conserving habitat</h6>
<h6 class="ls-l" style="top: 152px; left: 319px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: hidden; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">for the benefit of birds</h6>
<h6 class="ls-l" style="top: 152px; left: 620px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: hidden; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">other wildlife</h6>
<h6 class="ls-l" style="top: 152px; left: 804px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1; visibility: hidden; filter: none;" data-ls="offsetxin:0;offsetxout:0;durationout:1000;">and people</h6>
</div>
<div class="ls-slide ls-slide-9" style="width: 0px; height: 195px; left: 0px; right: auto; top: 0px; bottom: auto; visibility: visible; display: none;" data-ls="slidedelay:8000; transition2d: all;">
<div class="ls-gpuhack" style="width: auto; height: auto; padding: 0px; border-width: 0px; left: 0px; top: 0px;"></div>
<h6 class="ls-l" style="top: 152px; left: 68px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; filter: none; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -120, 0, 1); opacity: 0; visibility: hidden;" data-ls="offsetxin:0;durationin:0;offsetxout:0;offsetyout:-120;durationout:1000;showuntil:300;">conserving habitat</h6>
<h6 class="ls-l" style="top: 152px; left: 319px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; filter: none; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -120, 0, 1); opacity: 0; visibility: hidden;" data-ls="offsetxin:0;durationin:0;offsetxout:0;offsetyout:-120;durationout:1000;showuntil:600;">for the benefit of birds</h6>
<h6 class="ls-l" style="top: 152px; left: 620px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; filter: none; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -120, 0, 1); opacity: 0; visibility: hidden;" data-ls="offsetxin:0;durationin:0;offsetxout:0;offsetyout:-120;durationout:1000;showuntil:900;">other wildlife</h6>
<h6 class="ls-l" style="top: 152px; left: 804px; text-transform: lowercase; padding: 3px 9px 6px; font-family: 'Open sans'; font-size: 26px; color: rgba(255, 255, 255, 0.91); background: rgba(0, 0, 0, 0.15); white-space: nowrap; filter: none; width: auto; height: auto; line-height: 28px; border-width: 0px; margin-left: 0px; margin-top: 0px; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -120, 0, 1); opacity: 0; visibility: hidden;" data-ls="offsetxin:0;durationin:0;offsetxout:0;offsetyout:-120;durationout:1000;showuntil:1200;">and people</h6>
</div>
</div>
<div class="ls-loading-container" style="z-index: -1; display: none;">
<div class="ls-loading-indicator"></div>
</div>
<div class="ls-shadow"></div>
</div>
As I can see the slider's code is properly copied to the test page. But the plugin files are not loaded, as if LayerSlider wasn't installed, so there is nothing that would run the slideshow. The CSS is missing too.
Please try to disable the Conditional script loading advanced setting in the plugin to see if that helps.
I also see some JS/CSS merging method being used by your Enfold theme. That might also be the reason that the necessary files/scripts are not available.
I'll let the dev team take a look at this and get back to you.
We've taken another look at this and you've copied the wrong source code. You need the original source code, not the live DOM source code.
And as we've mentioned in the previous reply, the plugin files are not loaded, as if LayerSlider wasn't installed, so there is nothing that would run the slideshow. If it is installed, please disable the Conditional script loading advanced setting in the plugin.