Show a customizable preloader when loading frontend pages.
Enable page preloader to customize background, border, image and animations.
On update:Basic mode: New code will be generated to update the related partial SCSS file and all CSS will be compiled. Related theme mod will be updated.
Advanced mode: Editor code will be used to update the related partial SCSS file and all CSS will be compiled. Related theme mod will not be updated.
On reset:Preloader will be disabled.
Related partial SCSS file will reset to default template and all CSS compiled. Related theme mod will reset to default values.
Related custom files:
Related theme mods: Page preloader dct_customizer_preloader 3{
"enabled": true,
"advanced": false,
"options": {
"background-color": "#f0f0f1",
"background-gradient": "linear",
"background-gradient-direction": "93",
"background-gradient-1-color": "$primary-darker",
"background-gradient-1-position": "50",
"background-gradient-2-color": "$primary",
"background-gradient-2-position": "-80",
"background-image-type": "none",
"background-image-url": "",
"background-image-size": "cover",
"background-image-position": "center",
"background-image-repeat": "no-repeat",
"background-image-blend": "normal",
"background-gradient-above-image": false,
"background-border-width": "0px",
"background-border-color": "#CCC",
"background-border-style": "solid",
"image-type": "preset:blocks-shuffle.svg",
"image-url": "",
"image-color": "rgba(255,255,255,0.63)",
"image-width": "113px",
"image-left": "50%",
"image-top": "50%",
"image-animation": "none",
"image-animation-duration": "2s",
"out-animation": "slide-bottom",
"out-animation-duration": "0.2s"
}
}