Advanced Slider
How to Configure and Style Advanced Slider #
Advanced Slider you can create an interactive sliders. Furthermore, place multiple sliders on the same page. This way visitors do not need to jump between pages to read multiple sliders. Besides, it allows you to create amazing sliders as well.
How to Activate Advanced Slider #
To use this Sastra Addons element, find the Advanced Slider element from the Search option under the ‘ELEMENTS’ tab. Simply just Drag & Drop the ‘Advanced Slider’ into the ‘Drag widget here’ section.
After you are successfully done with this step, this is how the element is going to look like:
How to Configure the Content Settings #
To configure the content of your Advanced Slider, simply click on the ‘Content’ tab.
Slides #
From this section, you are able to add the items which you want to display in slider. In slide item divided into background and content these two sub-sections. From background sub-section, you can choose background image, change image, use toggle to enable background overlay, background color and change blend mode as well.
From content sub-section, you can use toggle to enable / disable for ‘show content slider’, change title HTML tag and sub title HTML tag. You can set title, sub title and description. Moreover, you can use toggle for display primary button and secondary button with responsive options. You can set button title, set button to your preferred icon and add your own link so that users will be redirected to that certain page as well.
To add more slides, simply click on the ‘+ ADD ITEM’ button from the bottom.
Settings #
From this section, you are able to change image size, media type (background and image), height, carousel columns (one and two), slides to scroll and gutter. Besides, you can use toggle for hide or display for title, sub title, description, navigation and pagination with responsive options.
Moreover, you can change title and sub title HTML tag. There are more than 10+ navigation icons available to choose from. You can also choose sliding effect, pagination layout content animation as well.
Click to see Live Demo #
How to Style Advanced Slider #
To customize Advanced Slider, click on the ‘Style’ tab, and you will find many different options here.
Slider Content #
From here, you can set a background color, horizontal and vertical position, padding, width and alignment.
Title #
From here, you can change color, background color, padding, margin and typography as well.
Sub Title #
Under this section, all similar options to the ‘Title’ section under the Style tab.
Description #
Under this section, all similar options to the ‘Title’ section under the Style tab.
Button Primary #
From the ‘Button Primary’ section, you can set background type, text color, border color and shadow with hovered and normal options for your button. You can also change icon size , typography, padding, margin and transition duration. Moreover, you can styling to border and border radius as well.
Button Secondary #
Under this section, all similar options to the ‘Button Primary’ section under the Style tab.
Video Icon #
From the ‘Video Icon’ section, you change video icon size with responsive options and text color.
Navigation #
From the ‘Navigation’ section, you can set color, border color and background color with hovered and normal options for your navigation. You can also change size and transition duration. Moreover, you can styling to border and border radius as well.
Pagination #
From the ‘Pagination’ section, you can set border color and background color with activated and normal options for your pagination. You can also change gutter and vertical position. Moreover, you can styling to border and border radius as well.
Final Outcome #
By following the basic steps and a bit more modifying, you can style your Advanced Slider as per your preference.
With the help of Advanced Slider, this is how you can more credibility and make your visitors immediately hooked up on your products with an amazing slider view.
Getting stuck? Feel to Contact Our Support for further assistance.
Subscribe & Download
Enter Your Email Address to Know About the Latest Updates & Features.