Element: Tab
By incorporating tabs, you can present a large amount of information in a compact and organized manner, reducing clutter and enhancing readability. Tabs allow users to quickly access different sections of your website without having to scroll through lengthy pages, making it easier for them to find the information they need.
Editing a Tab 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 and select Advanced, then click Tab 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 and background color of the active (open or selected) tab. You can choose the color by clicking on Active text color or Active background accordingly.
You can similarly change the border color and background color of the whole tab section, along with the background color of the answer section in each tab. To do so, you can click the Border color, Background color, and Content background color, accordingly.
Click Save after making all the changes.
This is how the boxed option will appear after changing colors on the visual editor. You can see all the changes immediately to make the selection process easier.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, ...