Change the Loading text #
Currently the loading text is Loading... It is taken from DEARFLIP.defaults.loading
Changing it to required text will change the loading text. More about translation text
DEARFLIP.defaults.loading = "Custom Loading Text...";Change the text before loading dflip.min.js but before the scripts starts to run on.
jQuery(document).ready(function () {
DEARFLIP.defaults.text.loading ="My custom loading";
});If you do not have jQuery. You can use DEARFLIP callback function beforeDearFlipInit
window.beforeDearFlipInit = function(){
DEARFLIP.defaults.text.loading ="My custom loading";
};Changing Loading Icon and Design #
The Icon and Design can be updated using Custom CSS. using their respective selectors.
Selector for Loading icon: .df-container .df-loading-icon
Selector for Loading text: .df-container .df-loading-info
Example usage: #
.df-container .df-loading-icon{
background-color:yellow;
//background-image: url("Custom url")
}
.df-container .df-loading-info{
color:red;
}