Accordion

Accordion element will let you display custom content within collapsible container

Accordion element will help you display custom content within collapsible container. Element popup contains following options;

Defaults tab

  1. Sorting title  -  Used only in builder for easy sorting.
  2. Accordions  -  Add/edit your accordions.
  3. Container metrics  -  Add custom class or ID to HTML container and adjust visibility on specific devices.

Layout tab

  1. Container box style  -  Adjust .thz-shortcode-accordion box style.
  2. Global metrics  -  Adjust borders, borders width, space between accordions, toggle arrow, and first accordion open/closed on page load.
  3. Title padding  -  Adjust .thz-accordion-title padding.
  4. Content padding  -  Adjust .thz-accordion-content padding

Styling tab

  1. Title font  -  Accordion title font metrics
  2. Active title colors  -  Set active accordion title colors
  3. Inactive title colors  -  Set inactive accordion title colors
  4. Global colors  -  Set borders colors, content background, link, links hovered and headings colors. Theme defaults are used if empty.