{"id":4280,"date":"2026-10-21T08:09:54","date_gmt":"2026-10-21T08:09:54","guid":{"rendered":"http:\/\/eventful-elementor.local\/?post_type=docs&p=4280"},"modified":"2026-10-21T08:09:54","modified_gmt":"2026-10-21T08:09:54","password":"","slug":"accordion-widget","status":"publish","type":"docs","link":"https:\/\/wpeventful.com\/elementor\/docs\/accordion-widget\/","title":{"rendered":"10. Accordion"},"content":{"rendered":"

The Eventful Accordion widget shows each event as a row that opens to show the details.<\/p>\n\n

Accordion is part of Eventful Pro.<\/p>\n\n

  1. Add Eventful Accordion<\/strong> to the page and open Content > Accordion Settings<\/strong>.\n
    \"Eventful<\/a>
    Content > Accordion Settings.<\/figcaption><\/figure>\n<\/li>
  2. Choose the Accordion Mode<\/strong>: First Open<\/strong> (the first row is open, and opening a row closes the others), All Open<\/strong> or All Folded<\/strong>.<\/li>
  3. Keep Expand & Collapse Icon<\/strong> on and pick the Icon<\/strong>, Icon Size<\/strong> and Icon Color<\/strong>. The icon turns when a row opens.<\/li><\/ol>\n\n

    Start from a design<\/h2>\n\n

    Set Template Type<\/strong> to Pre-made Templates<\/strong> and pick Template One, Two or Three. Template One also shows a map of the venue inside each open row. See Pre-made Templates<\/a>.<\/p>\n\n

    Image and text<\/h2>\n\n

    In Style > Image<\/strong>, Image Width<\/strong> (per device) sets how much of the open row the image takes, and Content Vertical Align<\/strong> (Top, Middle or Bottom) places the text beside it. Leave them empty for the template’s own layout. On phones the image sits above the text.<\/p>\n\n

    Colours<\/h2>\n\n

    In Style > Accordion Item<\/strong>, set the row background and hover background, featured-event backgrounds, border, corner radius, inner padding and the space between rows. Accent Color<\/strong> sets the date rail and buttons of the pre-made templates.<\/p>\n\n

    Related articles<\/h2>\n\n