Knowledgebase

How do I add an Accordion Element to my website?

FAQ Bild

Adding an Accordion Element

  • Drag the Advanced element from the Main Toolbar onto your website
  • Select the Accordion element

 

Editing an Accordion Element

To edit an accordion element, select it and switch to the Right Toolbar

  • Accordion tab
    • New Item - Creates a new accordion element
      • Note: You can place any widget from the main toolbar within an accordion element
    • Edit Items - Define the order of the elements, the item name, the item icon and the position (alignment) of the items icon
    • Layout - Select a layout for the navigation element. The following are available:
      • Accordion - Vertical tabs
      • Tabs - Horizontal tabs
      • Sliders - Horizontal sliders
    • Note: The accordion element expanded in the website builder will also be the one expanded on the published website.
    • Default - Specify the background (color), the border and the (text) color of an accordion element that is not expanded
    • Hover - Specify the background (color), the border and the (text) color of an accordion element over which the mouse is moved
    • Active - Specify the background (color), the border and the (text) color of an accordion element that is expanded
  • Text tab
    • Background - Specify the background color of an expanded accordion element
    • Border - Specify the border of an expanded accordion element
    • Title style - Specify the font, size, line height, style, alignment, letter spacing and font scale factors of the accordion title
    • Titlespacing - Specify the spacing between accordion title and accordion tab
    • Text spacing - Specify the spacing between content and element for extended accordion elements

Was this answer helpful?

Related Articles

How do I use the Banner element?

Add Banner Drag the Advanced element from the Main Toolbar onto your website From the existing templates, select the Banner element In the...

How do I add a Slider Element to my website?

Adding a Slider Element Drag the Advanced Element from the Main Toolbar onto your website Select the Slider Element   Editing a Slider...

How do I add a Tabs Element to my website?

Adding a Tabs Element Drag the Advanced element from the Main Toolbar to your website Select the Tabs element   Editing a Tabs Element To...

How do I add a Blog to my website?

Add Blog Drag the Blog element from the Main Toolbar onto your website Choose a blog layout Switch to the Right Toolbar and under the Blog tab...

How do I integrate the Count Up function?

Integrating the Count Up function Drag the element Advanced from the Main Toolbar onto your website Select Count up Switch to the Right...