Blog

Scroll the Sidebar to the right to “Slider 1”.
Here you can choose whether to set a color, an image or a video as a background.
You can select an image from your library, or upload it from your computer, or insert a link from the internet.

Under “General” always on the right sidebar you will find the general settings of the Slider.
Here you can set:

• – Multiple Slider on the same page (This setting is very important, if you set more sliders on the same page you have to set a different ID for each Slider)
• – Show Slider ( You can decide whether to show the Slider in the various devices)
• – Slide Content (You can choose how to show the contents of the Slider, if you choose Fixed Content you can insert any slot as content, but it will always be the same for all Slides; if you choose the Changing Content, the content will be different for each Slides. ) * Almost all blocks are compatible with our Slider, but not all!
• – Carousel Touch (You can enable Touch for Slides scrolling)

*For the Free version you can add 5 Slider on the same page, for the Pro version you can add 10 Slider on the same page.

Under “Styles” always on the right sidebar you will find the general styles of the Slider.
Here you can set:

• – Size (You can set the height of the Slider manually or automatically, you can also choose the size of the total site of the slider)
• – Spacing (You can adjust the vertical and horizontal padding of the Slider, useful if you use a color as a background)
• – Padding Caption (You can adjust the horizontal padding of the content)
• – Border (You can adjust the border radius of the Slides)

• – Background Color (You can adjust the background color)

Under “Typography” always on the right sidebar you will find the general typography of the Slider.
Here you can set:

• – Title (You can set the font Family, Font Weight and Line Height of the title)
• – Description (You can set the font Family, Font Weight and Line Height of the description)
• – Button (You can set the font Family, Font Weight and Line Height of the button)

Under “Settings” always on the right sidebar you will find the general settings of the Slider.
Here you can set:

• – Animation (You can set various effects for transitions, Slider interval times and transition speed times)

Animation

Speed

• – Pause (You can decide whether to set the slide pause on mouseover)
• – Zoom Effect (This Zoom effect can only be applied if you have set an image as the background for the Slides)
• – Progress Bar (This Zoom effect can only be applied if you have set an image as the background for the Slides. The progress bar only works when you have set a certain interval for the Slider. Works best from 5000ms and up! You can also adjust the position, size, color and opacity)

Under “Arrow Settings” always on the right sidebar you will find the arrow settings of the Slider.
Here you can set:

• – Show Arrows (You can enable or disable the Arrow)
• – Arrow type (You can choose various icons for the Arrow)
• – Position (You can choose the location)
• – Color (You can choose the color and opacity)
• – Spacing (You can adjust the padding of the border if you have set the thickness of the border, and the interspace of each other)
• – Border (You can adjust the border radius and the size of the border)
• – Size (You can adjust the size)

Under “Dot Settings” always on the right sidebar you will find the dots settings of the Slider.
Here you can set:

• – Show Dots (You can enable or disable the Dots)
• – Dots type (You can choose linear or round dots)
• – Size (You can adjust the width and height, a height difference for the active dot, and a progress bar in the active dot with relative color)
• – Spacing (You can adjust the gap from each other and the distance from the bottom)
• – Color (You can adjust the color)

Under “Slider 1” always on the right sidebar you will find the general settings Slides of the Slider.We have already illustrated some of these controls at the beginning of the Tutorial, here we deepen them completely.You will also find these controls in all the other Slides.
Here you can set:

• – Background type (Here you can select color, image or video as background.)
• – Color (You can set a solid or gradient color for the background)
• – Image (You can set the alt for the image, very useful for SEO, display size, enable a color filter and insert a link in the image)
• – Video (You can insert videos uploaded to a server or videos from youtube, you have the option to enable or disable the controls, autoplay and loop.)
• – Dividers Top (You can choose from many types, color, height and delay in appearing)
• – Dividers Bottom (You can choose from many types, color, height and delay in appearing)
• – Title *This control appears only if you enter title in to Slides! (You can choose the margins and the size for the various devices, the alignment and motion effect. The color can be set from the navigation toolbar)

• – Info *This control appears only if you enter info in to Slides! (You can choose the margins and the size for the various devices, the alignment and motion effect. The color can be set from the navigation toolbar)
• – Button *This control appears only if you enter button in to Slides! (You can choose the margins and the size for the various devices, the alignment, motion effect, padding, border size, border radius, background color, color and background transparent.)
• – Second Image (You can set an image overlapping the Slides, decide whether to insert it on the right or left, display size, display rotation, margin and motion effect)

Under “Add Slider” always on the right sidebar you can add another Slides.

Each time you add another Slides you will see the controls for the next Slides and so on. In addition, another dot will also appear in the Slider.

*If you decide to remove an additional slider, be sure to find yourself with the Slider positioned on the first or second Slides!

For the Free version you can add 5 Slides, for the Pro version you can add 10 Slides.