Accordion

Get base styles and flexible support for collapsible components like accordions and navigation.

  • Collapsible Group Item #1

    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
  • Collapsible Group Item #2

    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
  • Collapsible Group Item #3

    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
  • Collapsible Group Item #4

    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. a
[accordion]
   [acc_item title='ITEM_TITLE1'] ADD_CONTENT_HERE [/acc_item]
   [acc_item title='ITEM_TITLE2'] ADD_CONTENT_HERE [/acc_item]
   [acc_item title='ITEM_TITLE3'] ADD_CONTENT_HERE [/acc_item]
   [acc_item title='ITEM_TITLE4'] ADD_CONTENT_HERE [/acc_item]
[accordion]

Customization Options / Features

  • Item title (optional) – Item Accordion title

logo

Lorem ipsum dolor sit amet, consectetur adipi scing elit. Vestibulum iaculis massa nec velit commodo lobortis.

Quisque diam lacus, tincidunt vitae eros porta, sagittis rhoncus est. Quisque sed justo

Store Location

Feel free to contact us if you have any problems.

Newsletter

In venenatis neque a eros laoreet eu placerat erat suscipit. Fusce cursus, erat ut scelerisque

For using special positions

Special positions are: sticky_left, sticky_right, notice, tool_bottom. You can use them for any module type. For using this, please go to Module Manager and config your module to your desired position.

You can disable by:

  • Go to Administrator » Template Manager » Your_Template » Tab: Advanced » Use special positions » select: No for all special positions
  • Go to Administrator » Module magager » Your_Module(by postion: sticky_left/stickey_right/notice/tool_bottom) » Status: Unpublish for that module

For customize module in special position

The solution is using Module Class Suffix. You can customize button, module content follow Module Class Suffix

E.g. Module Class Suffix: bg-white @bullhorn then:
- Class of buttom is 'ico-bullhorn'. If without @... the default is 'icon-pushpin'
- Class of module is 'bg-white'

Template Settings

Color

For each color, the params below will give default values
Orange Green Red Cyan Blue

Body

Background Color
Text Color

Header

Background Color

Footer

Select menu
Google Font
Body Font-size
Body Font-family
Direction