Class for loading wrapper

Hi,

Our plugin does not use classes, the css rules are assigned directly to the loading screen elements to prevent they can affect other tags in the webpage, and then, after complete the loading process, all tags related with the loading screen are removed from the webpage.

Best regards.

Thanks for your answer!

So, please advice how I can remove loading status line, when loading image was added by plugin’s option. https://screencast.com/t/gQUovgHUBpK

Percents was hide by plugin option, where is the option for hide this bar?

Hi,

If you are using the bar loading screen, open the “/wp-content/plugins/loading-page/loading-screens/bar/loading-bar.js” file with the text editor of your choice, go to the piece of code:

this.attr[‘bar’] = $(“<div></div>”).css({
height: options.height+”px”,
marginTop: “-” + (options.height / 2) + “px”,
backgroundColor: options.foregroundColor,
width: “0%”,
position: “absolute”,
top: “50%”
}).appendTo(this.attr[‘overlay’]);

and modify it as follows:

this.attr[‘bar’] = $(“<div></div>”).css({
height: options.height+”px”,
marginTop: “-” + (options.height / 2) + “px”,
backgroundColor: options.foregroundColor,
width: “0%”,
position: “absolute”,
top: “50%”,
display: “none”
}).appendTo(this.attr[‘overlay’]);

Finally, clear the browser’s cache after edit the online file.

Best regards.

Ok, thanks!

What about plugin updates. Need I modify the code every plugin’s update?

Hi,

Another solution would be to select as the foreground color, the same color selected as background. If you modify the plugin’s code, unfortunately, would be needed to include the customization after each update of the plugin.

In the next update of the plugin, I’ll assign selectors (id attributes) to all tags in the the loading screen to allow the users controlling them easier.

Best regards.

Thanks for this!!!

Best regards.