Create expanding and collapsing sections with Accordions

Create expanding and collapsing sections with Accordions

The Accordion element allows you to organize your page content with expandable and collapsible sections, making it ideal for pages like FAQs or other structured content.

How to Use the Accordion Element
To use the Accordion Element, simply drag it onto your page. To add a new pane, select the "Add" option in the editor’s right-hand menu.

Configuring Your Accordion Elements
The Accordion Element comes with several customization options. You can set the title of each pane. 

Styling Your Accordion
The Accordion Element provides various styling options, including colors and typography, to match your page’s design.You can also customize the appearance of your accordion using the following options:

  • Item Colors – Adjust the text color of your accordion headings or content to match your page’s design.

  • Item Hover Colors – Change the text and background colors when a user hovers over an accordion heading, providing visual feedback.

  • Item Heading Content – Customize the text, font, and size of each accordion heading to control how your titles are displayed.

  • Item Heading Spacing – Modify the spacing around your headings to control layout and improve readability.

  • Item Heading Border – Set the border color and style for each heading to visually separate sections.

  • Item Content Background – Change the background color of the content area for each pane to make it stand out or blend with the page.

  • Item Content Spacing – Adjust the padding and spacing inside each content pane for better layout and readability.

    • Related Articles

    • Create scrolling sections with the Slider Element

      The Slider Element is a powerful tool for creating scrolling sections of content on your pages. Each slide is its own container, so you can add and customize elements freely. A common use is building image slideshows to showcase products. Slides per ...

    • How to create a product

      And now it’s time to add products to your store! The platform allows you to create any type of product you wish to sell to your customers. To create a product, visit the admin panel and click on Products from the E-shop menu. Then click on the ...

    • How to use the Box Element to style and structure page sections

      The Box element is a flexible tool for organizing your page layout, structuring sections, and creating overlays with image or video backgrounds. Adding Boxes to Your Page Boxes are simple to use: From left sidebar menu. Drag and drop the Box element ...

    • How to create a customer

      Customers can also be created through your Reactive admin panel. To create a customer visit the admin panel and click on Customers from the Customers section. Click the "Create" button from the top right of your page. Enter the customer's email ...

    • How to create product attributes

      Product attributes define the characteristics of your products assigned to a specific category and enabling you to uniquely describe them. To create product attributes visit the admin panel and click on Products from the E-shop menu. Then select your ...