Wow … I’ve been trying to figure this out for 2 days. The first slide’s background stayed on the screen for the full duration but none of the layers showed up. On all subsequent slides, the background flashed for a second during the transition then turned white for the duration and no layers showed up at all. I exported the slider and imported it to another site using Enfold and it worked just fine on a test page I set up there.

Luckily I found this thread today by searching “LayerSlider showing only blank white space”

I activated Enfold on an existing site that was using a different theme and the editor in the Enfold Theme Options defaulted to “Use Block Editor”.

@andiconti … Thank you so much for the solution. It worked instantly as soon as I changed the setting to use “Classic Editor”.

ssssheff

To sitesme

I had this same issue and finally figured it out after a day of “Inspecting” and fiddling with the settings and custom CSS. I finally ended up searching all the code in the CSS folder for “100px” and found the cause. In the Enfold CSS folder you will find a file called shortcode.css … In the COLOR SECTION of that file you will find the following CSS class defined …

.avia-section{
clear:both;
width:100%;
float:left;
min-height:100px;
position: static; /*fixes a glitch with bg image not displaying below video slide*/
}

Rather than change the 100px in the CSS file, I copied the code and pasted it the Theme Options – General Styling – Quick CSS, which will allow you to define Color Sections shallower than 100px and tweak the padding of your content accordingly. I set it to 50px for my purposes, but you can have at it.

.avia-section{
clear:both;
width:100%;
float:left;
min-height: 50px !important;
position: static; /*fixes a glitch with bg image not displaying below video slide*/
}

Best of luck.