1. Home
  2. Docs
  3. Content Elements
  4. Advanced Accordion

Advanced Accordion

How to Configure and Style EA Advanced Accordion

EA Advanced Accordion is a great way to display multiple strings of text in a stylish manner. It helps in three ways. First, Advanced Accordion helps in cases where there is very little content space. Second, you should use Advanced Accordion to display texts meant for Assistance or Clarification. And lastly, Advanced Accordion helps to add visual appeal to your content.

Table of Contents:

  1. How to Activate Advanced Accordion
  2. How to Configure the Content Setting
          2.1. General Settings
          2.2. Content Settings
  3. How to Style Advanced Accordion
  4. Final Outcome

1. How to Activate Advanced Accordion

To use this Essential Addons element, find the EA Advanced Accordionelement from the Search option under the ELEMENTS tab.

Simply just Drag & Drop the EA Advanced Accordion into the Drag widget hereor the ‘+’ section.

Advanced Accordion

After you are done with step 1, this is the basic layout you are going to view:

2. How to Configure Content Settings

Under the ‘Content’ tab, you will find the General & Content Settings sections.

2.1. General Settings

From the ‘General Settings’ section, you can use the drop-down menu to choose Accordion Type out of these two: Accordion & Toggle.

You can enable or disable and change the Toggle Icon & Speed.

Advanced Accordion

2.2. Content Settings

From the ‘Content Settings’ section, you can change your ‘Content Title’ and ‘Content Type’.

By default, ‘Content Type’ is set as ‘Content’. You can add your text or shortcode in the ‘Tab Content’.

Advanced Accordion

You can also use your ‘Saved Template’ as ‘Content Type’. You can also change the Tab Icon and enable/disable ‘Active as Default’ tab option.

Advanced Accordion

Click to See Live Demo

3.  How to Style Advanced Accordion

Switch to the ‘Style’ tab to style all the elements of Advanced Accordion. You can add Styling to ‘Tab’, ‘Content’, ‘Icon’, ‘Typography’, ‘Toggle Caret’, ‘Button’ and many more from this section as per your preference.

Advanced Accordion

4. Final Outcome

By following these mentioned steps and a bit more modifying & styling, you can easily design your Advanced Accordion as per your preference.

Advanced Accordion

This is how you can easily showcase your important contents & make them appealing to your visitors using EA Advanced Accordion.

Getting stuck? Feel free to Contact Our Support for any assistance.

Get Started Now

Tags , , ,

How can we help?