Accordion

⇑ Front-End Sample of the Widget

Option Fields of this Widget in Elementor :

>> Content

  • Number of Items to show – Select the number of items from the Drop Down menu.
  • Item Title 1– type in 1st item of the accordion title here.
  • Item text 1 – type in 1st item’s description to apply it.
  • Item Title 2– type in 2nd item’s title to here.
  • Item text 2 – type in the 2nd item’s description to apply it.
  • Item Title 3, 4, 5 and others will work the same way.
  • Item Text 3, 4, 5 and others will work the same way.

>> Advanced

  • Margin – input the values for the margins in the required fields.
  • Padding – here you can set the preferable custom padding. Fill in the values for the top, bottom, right, and left padding in pixels or % to apply your custom padding.
  • Z-Index ( optional ) – input the values for the z-index if you need to use this option.
  • CSS ID ( optional ) – add your custom CSS ID in this field.
  • CSS Classes ( optional ) – add your custom CSS Classes here without the dot (.).

>> Background

  • Switch between Normal or Hover modes.
  • Background Type – in this block you can choose, whether you want to use a background color or a background image for the section.

>> Positioning

  • Width – here you can choose between Full width, Inline and Custom.
  • Position – here you can choose between Absolute and Fixed position.

>> Responsive

You can choose any option from Hide on Desktop, Hide on Tablet or Hide on Mobile.

Accordion-02, Accordion-03

Option fields for Accordion-02, Accordion-03 are the same as the Accordion-01’s option fields.