---
description: Here are global slider options.
---

# General

Under _**General**_ tab are main slider options.

![General tab](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_QCu9pe_-GB6TYaw7B%2F-M_Uv6QesQFex-C6Csu4%2F45.png?alt=media\&token=9b47f376-2a5f-418f-9675-a18a83e0d792)

![General settings](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_QCu9pe_-GB6TYaw7B%2F-M_UxdoqV-OFP3wQtijL%2F49.png?alt=media\&token=64adc7be-ea14-4881-9245-ca258dc2d3ea)

### Slider name

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_N0FOXgmk-6-88-MgT%2F-M_N0gu0CMkdjW0fOOtD%2F22.png?alt=media\&token=c53c7937-855f-4575-90c8-81f107127ad3)

Name of your slider for easier managing of your sliders.

### Transition type

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_N0FOXgmk-6-88-MgT%2F-M_N0yO6vHkCJRjfOSLy%2F23.png?alt=media\&token=06f29fd1-5d7e-44bb-bb1d-b1c2aceab28e)

Select slider transition (animation) type between slides.&#x20;

_**webgl**_ - realistic and powerful animations powered by webgl engine.&#x20;

_**css**_ - classic animations

### Initial slide

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_N2MbnGVLXQaOZYN5w%2F-M_N2b3Ou88hQJrJhI8q%2F27.png?alt=media\&token=241f99cf-8f19-4ac4-aa21-2a264aed3381)

Any slide of your slider can be set as initial slide on page load. _**0**_ is first slide.

### **Slider** shadow

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_MvFwitaW3geOf4ctW%2F-M_N-yBqWvEDidx5HuJm%2F24.png?alt=media\&token=021ceaff-edca-45db-8042-a92ad5aad8fa)

_**6 pre-built**_ shadows for your slider to select from. Shadow can be disabled by selecting _**X**_ option (first).

### Grab cursor

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_N0FOXgmk-6-88-MgT%2F-M_N0RbMV2K-9R2naoZx%2F25.png?alt=media\&token=e0793a6d-a145-499d-a92b-aa0a5d8429e6)

If _**ON**_, it will enable grab (hand) cursor when mouse hover slider. If this option is _**OFF**_, it will show default mouse cursor.

### Stop on last slide

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_N1ppcU66ENJSrmLwX%2F-M_N2AmB2LJHSKoShVKp%2F26.png?alt=media\&token=c1ab1b87-6815-4a1d-b2b3-e7bd45b7e3d9)

If _**ON**_, when slider comes to the last slide, it can only go backwards (1-2-**3**-2-1). If this option is _**OFF**_ you can normally loop through slides (1-2-**3**-1-2-3)

### Display slides in random order

Slides can play randomly if you turn this option _**ON**_, otherwise, if it's _**OFF**_ they will play in order.

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_N3BE3mNFZcOP86pl_%2F-M_N3TaMFTxUEb75zb2z%2F28.png?alt=media\&token=7674714f-a16f-42eb-a370-caaee7dd944d)

### Overlay color (between layer and background)

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_N70PfhBkleEcLy2zf%2F-M_P2rhnyBWq8uLD4pwB%2F29.png?alt=media\&token=63548b5f-4df0-4e65-bba8-a2a8417b845d)

_**Overlay color**_ option will create slider overlay that will show on top of slide image/video, but below layer with text/button/heading.

### Parallax factor (between 0 and 1)

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_N70PfhBkleEcLy2zf%2F-M_P5FybIlWuWUynNYpI%2F30.png?alt=media\&token=6d59145e-e086-422d-85f7-866d397b190b)

_**Parallax**_ option simulates 3D depth by moving the slider background slower than the webpage when scrolling. 0 is minimum value, and 1 is maximum value.

### CSS selector for Menu (used to change menu colors on slide change)

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_P78SAues8sQp2TjAM%2F-M_PAGyknP7yZSctP96G%2F31.png?alt=media\&token=363df335-a06c-47c4-83d1-e4f293c51ea7)

![](https://183905966-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MVG1EB_gdhnYteO-Tot%2F-M_PDXMjZTJCtMtwEN3O%2F-M_PJrPId1JYhYT33KXX%2F32.png?alt=media\&token=807b371f-31ef-470c-84a8-1c21b1e7617d)

Here you can insert CSS selector (_class_ or _id_) of your website menu. For example `.site-header` This option will _invert colors_ in the website menu.&#x20;

Each slide can _invert colors_ individually. To set this for each slide go to _**Slide1 -> Advanced**_ and check _**Invert menu colors**_ option.&#x20;

These setting gives you possibility to make fullscreen sliders more readable if the website menu is displaying over the Slider content.
