Configuring the Site Preloader

Updated on May 14, 2018

The Site Preloader will be shown when the website loading is in progress. It overlays on the screen and hides the unstyled page. It will disappear right after the page loads.

In this article, we’ll explain how to enable/disable the preloader and configure its options.

Enabling or Disabling the Preloader

1From the WordPress left menu, go to Theme Options > Global Settings > Preloader.

Configuring Site Preloader - Preloader

2From the Preloader setting, enable or disable the site preloader.

Configuring Site Preloader - enable preloader

3Click on the Save Settings button.

Enabling or Disabling Preloader for a Specific Page

Each page allows you to override some of the global properties. In this case, we’ll override the global Preloader for a specific page.

To override the Page Preloader:

1Create or edit an existing page.
2From the Jupiter Page Options box, change the status of the Page Preloader

Configuring Site Preloader - Jupiter Page Options

3Publish or update the page to check the result.

Configuring Site Preloader

There are several options in the preloader section that allow you to change the preloader icon, logo, background and icon color, and more.

Setting Description

Retina Preloader Enables or disables the Retina logo image in the preloader.
Preloader Logo Defines the logo image in the preloader. If Retina Preloader is enabled, please upload a 2x size image.
Preloader Color Defines the color of the preloader icon.
Background Color Defines the background color of the preloader.
Preloader Animation Chooses the preloader icon animation.
Section Preloader Background Color Defines the section specific preloader background color, such as Edge Slider and Page Section.

Site Preloader Troubleshooting

1Preloader is Stuck.  

This is one of the common issues. It happens when there is an issue in the page. For example, one of the shortcodes is not loading or a slider is missing in the page. To fix the issue, you need to disable Preloader and fix the issue in your page then enable it again.

2Preloader not Showing up.  

It’s probably a conflict with 3rd-party plugins, custom CSS or JS codes. To find the source of issue, do the troubleshooting steps.

Did this answer your question?