> For the complete documentation index, see [llms.txt](https://transition-slider.gitbook.io/wordpress/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://transition-slider.gitbook.io/wordpress/editing/general.md).

# General

Here are global slider options.

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.
