Element: Accordion
Accordions allow you to present large amounts of content in a condensed and organized way, making it easier for users to navigate and find information quickly. By utilizing accordions, you can create a more visually appealing and user-friendly design that keeps visitors engaged.
Editing an Accordion in Visual Editor
Go to your dashboard, click Customization, and choose Visual Editor (or click the palette icon on the right side of your builder).
Once the Visual Editor tool opens, scroll down, select Advanced, and click Accordion under the Element tab.
Select a theme between dark and light.
Boxed or FAQ is based on the selection made for Style in the element property box.
You can change the font style, font size, font weight, font color, line height, letter spacing, and more.
You can also select a color of your choice for the text, border, and background color of the active (open or expanded) accordion menu. You can choose the color by clicking on Active text color, Active border color, or Active background accordingly.
You can similarly change the border color and background color of the complete accordion menu (with all the tabs), along with the color of the answer section below each accordion fold. To do so, you can click the Border color, Background color, and Content background color accordingly.
Click Save after making the required changes.
Access your files securely from anywhere
Zoho CRM Training Programs
Learn how to use the best tools for sales force automation and better customer engagement from Zoho's implementation specialists.
Zoho DataPrep Personalized Demo
If you'd like a personalized walk-through of our data preparation tool, please request a demo and we'll be happy to show you how to get the best out of Zoho DataPrep.
- Zoho Workerly Home
- Forums
- Connect With Us:
- Zoho Recruit Home
- Forums
- Connect With Us:
You are currently viewing the help pages of Qntrl’s earlier version. Click here to view our latest version—Qntrl 3.0's help articles.
Zoho Sheet Resources
Zoho Forms Resources
Zoho Sign Resources
Sign, Paperless!
Zoho TeamInbox Resources
Zoho DataPrep Resources
Design. Discuss. Deliver.
Related Articles
Element: Box
These properties are applicable for the Box elements across the entire website. Editing a Box in Visual Editor Go to your dashboard, click Customization, and choose Visual Editor (or click the palette icon on the right side of your builder). Once the ...Element Overview
Let's look at all features that come under Element: Heading Paragraph Image Text Image Heading Text Icon Icon Heading Icon Heading Text Button Carousel Tab Accordion Box Divider Table Form Every element under the element and header tabs comes with a ...Element: Button
Well-designed buttons can enhance the aesthetics of a webpage and create a more cohesive design scheme. Experimenting with different button styles and effects can add an element of creativity and uniqueness to your website design, helping it stand ...Element: Icon
By adding icon elements to your website, you can create a visually appealing and intuitive interface that grabs the attention of visitors. Icons serve as visual cues that help users navigate through the content more efficiently and provide quick ...Element: Carousel
Carousels are dynamic elements that allow you to showcase multiple images or content pieces in a rotating format, capturing the attention of your visitors and keeping them engaged as they navigate through your site. By using carousels strategically, ...