Advanced Accordion
How to Configure and Style Advanced Accordion #
With the Advanced Accordion For Elementor widget from Sastra Addons for Elementor you can showcase any information or content in a neat, organized and interactive way. You can configure it to open a specific accordion when site visitors come to your page.
How to Activate Advanced Accordion #
First, you have to install Sastra Addons. To use this Sastra Addons element, find the ‘Advanced Accordion‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Advanced Accordion’ into the ‘Drag widget here‘ or the ‘+’ 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 Accordion, simply click on the ‘Content’ tab.
Content #
From this section, you can set your title, description and change content type. Besides, you can set title icon as well.
To add more contents, simply click on the ‘+ ADD ITEM’ button from the bottom.
Settings #
From Settings section, you can change your accordion type, trigger action, title HTML tag, animation duration and set active item box index as well.
Icons #
From this section, you can change icon position, box style (None, Side Box and Side Curve) and box size.
Moreover, you can select toggle icon, active toggle icon as per your preference and change active icon rotation as well.
Click to see Live Demo #
How to Style Advanced Accordion #
To customize Advanced Accordion, click on the ‘Style’ tab, and you will find many different options here.
Title #
From here, you can change color, background type, border color and box shadow with normal, hover and active options. Besides, you can change title typography, title left spacing, styling to border and many more.
Icons #
From here, you can change main icon color, toggle icon color and icon box background color with normal, hover and active options. Besides, you can change icon size and icon box border radius as well.
Content #
From Content section, you can change color, background color and typography. You can shadow, add Border & add styling to it as well.
Final Outcome #
By following the basic steps and a bit more modifying, you can style your Advanced Accordion as per your preference.
This is how you can easily open a specific accordion in Advanced Accordion widget from Sastra Addons for Elementor.
Getting stuck? Feel free to contact our support team for further assistance.
