---
description: Slider preloader.
---

# Loading

![Loading tab](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_h-F5W1BzhirPARkIx%2F-M_h0dWI_NkJQ77uzvqo%2F84.png?alt=media\&token=b622cc8e-5b1f-45a2-bfe4-bbda1087f578)

![Loading settings](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_h-F5W1BzhirPARkIx%2F-M_h0mS_mhAKkEKaeI9v%2F85.png?alt=media\&token=933dda16-6ed0-4315-812d-938212c38845)

Under Loading tab you can adjust slider loading screen and slider preloader appearance.

### Fade in/out effect

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_h-F5W1BzhirPARkIx%2F-M_h1TAGpEPhwsL1EK7T%2F86.png?alt=media\&token=fe903b0d-e1e0-4516-b992-34cdbe6ab4cf)

If _**ON**_, loading screen and preloader will be showing with fade-in effect and hiding with fade-out effect. If this option is _**OFF**_, loading screen and preloader will be showing and hiding instantly.

### Background color

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_h-F5W1BzhirPARkIx%2F-M_h1UkElhyKQhW0gLGx%2F87.png?alt=media\&token=6bc7bdeb-b1db-4839-9587-afe1623705f4)

Background color of the slide loading screen.

### Color

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_h-F5W1BzhirPARkIx%2F-M_h1WH_zGX2LZukSmsb%2F88.png?alt=media\&token=e5a23bff-afa3-4bc5-a775-73a5ce08b90a)

Color of preloader in the middle of loading screen.

### Style

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_h-F5W1BzhirPARkIx%2F-M_h1XzoH8WIjoulZz6Q%2F89.png?alt=media\&token=8179935f-b211-4f1c-b70e-9bb926f75129)

Select one of 4 pre-built preloader styles.
