Chillax Slider

Chillax Slider - General

1. Slider Height - Enter the height of the slider with units. Ex. 300px or 50% or 100vh.
2. Slider Effect/Animation - Select the slider animation type.
3. Prev/Next Navigation - Disable slider prev/next buttons navigation.
4. Pagination Style - Enable or disable the slider dot indicators.
5. Slider Scrollbar - Enable slider scrollbar navigation.
6. Slider Speed (Delay Time) - The amount of time in milliseconds. Default:- 7000
7. Slider Loop - Enable slider loop mode.
8. Slider Direction - Enable slider vertical direction.
9. Slider Keyboard - Disable slider keyboard shortcut.
10. Slider MouseWheel - Enable slider mousewheel support.
11. Slider Auto height - Enable slider autoheight.

Chillax Slider - Design

1. Slider Bottom Separator - Select Slider Bottom SVG Separator/Divider style.
2. SVG Background Color - Select a custom svg background color.
3. Separator Height - Height of the separator height. Example:- 150 (Note:- Leave it blank for natural svg height).
4. Flip Vertically (Inverted) - Flip Vertically (Flip up to down).
5. Flip Horizontally - Flip Horizontally (Flip right to left).

Chillax Slide - General

1. Slide Background Image - Select the silde background image.
2. Background Color - Select a custom background color.
3. Background Image Height - Enter the background image height. e.g. 350px or 100% or 100vh
4. Overlay Image & Content Position - Content position.
5. Overlay Block Spacing(Padding) - Overlay text & image block padding. e.g. 30px or 10% or 30px 60px.
6. Image Block Columns - Image block width, Rest will be allocate for content Block. (Total 12 columns).
7. Overlay Block Image - Select the content inner image.
8. Image size - Content inner image size.
9. Image Width - Enter text image width. e.g. 250px or 100%
10. Image Poition - Select icon/image positon.
11. Image Shadow - Inner image box shadow.
12. Image Grayscale? - Image grayscale will turn the image to black & white.
13. CSS Animation - Select type of animation for element to be animated when it “enters” the browsers viewport (Note:- works only in modern browsers).

Chillax Slide - Content

1. Title - Enter the title.
2. Font Size - Enter the title font size.
3. Subtitle - Enter the subtitle.
4. Font Size - Enter the subtitle font size.
5. Title color - Select text color for title.
6. Subtitle color - Select text color for subtitle.
7. Description - Provide the description for this box.
8. Content Block Max-Width - Enter the content block width. e.g. 350px or 100%
9. Text Alignment - Select text alignment.
10. Content Poition - Select text positon.
11. Add Primary Button Link - Add a custom link or select existing page. You can remove existing link as well.
12. Primary Button Button Text - Customize the read more button text.
13. Add Secondary Button Link - Add a custom link or select existing page. You can remove existing link as well.
14. Secondary Button Button Text - Customize the read more button text.

Chillax Slide - Design

1. CSS box - Slider block styles.