This option allows you to enable or disable the preloader for the site. It is displayed while the content is being loaded.
Starting astroid 2.2.3, you can select either an image or any animation from the animations library or can even choose from the FontAwesome’s animation library as a preloader type. The image option let’s you display either your logo or any other image (gif animations and such), while the page is being loaded.
When you select the Image as the preloader type, it gives you options to customize the display of the image as per your need:
1. Background Repeat:
You can select the appropriate value from the dropdown for Background Repeat.
2. Select a Background Size:
You can select the appropriate value from the dropdown for Background Size.
3. Select a Background Position:
You can select the appropriate value from the dropdown for Background Position.
4. Preloader Background Color:
You can select a background color for the preloader with this option.
When you select Animation as preloader type then it gives you options to customize:
1. Preloader Animation
Choose the animation of the preloader from the given list.
2. Preloader Color
Set the color of the preloader icon.
3. Preloader Background Color
Select the background color of the preloader icon which is displayed as the site loads.
4. Preloader Size
Set the size of the preloader in pixels by sliding over the indicator.
When you select Font Awesome as preloader type then you have the following options to customize it:
1. Preloader Animation
Choose the animation of the preloader from the FontAwesome library.
2. Preloader Color
Set the color of the preloader icon.
3. Preloader Background Color
Select the background color of the preloader icon which is displayed as the site loads.
4. Preloader Size
Set the size of the preloader in pixels by sliding over the indicator.