Element: Table
Adding a table element to your website can significantly enhance the user experience by organizing and displaying data in a visually appealing manner. Tables allow for easy comparison of different pieces of information, making it easier for visitors to find what they are looking for quickly. Tables can help improve the overall readability of your content, especially when presenting complex datasets or lists.
Editing the Table theme 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 Table under the Element tab.
Select a theme between dark and light.
Editing the Table typography settings 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 Table under the Element tab.
Under Common, you can change font parameters, table border colors, and table cell border colors.
Under Header, you can change the background color, text color, and border color if any information was selected as Header content.
Customizing font style
Select from available font styles in the dropdown.
Add Font will allow you to add new fonts from the Font Library.
Select a font and click Save.
Customizing font weight
Font weight is associated with the font boldness. Based on the font style that you previously selected, you will be able to see several options like Light, Demi-light Regular, Heavy, and Bold.
Some font styles also include an Italics option.
Customizing font pixel and size
Font pixel and size can be selected from the dropdown as per your liking.
Customizing font color
Select the desired color for your theme and standard colors by switching tabs on the top.
You can use hex codes to match exact colors.
Customizing font case
Select the casing required from the dropdown.
This can be None, Uppercase, Lowercase, or Capitalize.
Customizing line height
Line height decides the spacing between the two lines.
You can use arrows to increase the spacing.
Customizing letter spacing
Letter spacing decides the spacing between two letters.
Use arrows to increase or decrease the spacing.
Click Reset to restore the previous settings.
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: Forms
Zoho Sites allows you to create your own forms to capture data from your website visitors. Having a form on your website can significantly enhance user engagement and improve the overall user experience. By providing a convenient way for users to ...Visual Editor
Style your template just the way you like. You can customize the website properties like preset color schemes, header layout, banner layout, and more without having to use complex code. Simply open the visual editor and select the desired option and ...Advanced Visual Editor
The Advanced Visual Editor allows you to customize the properties of elements and headers site-wide. This allows you to change settings uniformly across the entire website in one go. For example, if your website has several buttons that you want to ...Spacing - Style Editor
This tool helps you add padding and margins to your elements. Enable Even padding for all sides to evenly space the components within that element. You can also adjust the same using the arrows below. Enable Even margin for all sides to create a ...