Visual Editor
Style your template just the way you like. You can make modifications to properties like Preset color, Header layout, and Banner layout without having to use complex code. Simply open the visual editor and select the desired option.
1. Go to Settings > Visual Editor under Customize. Alternatively, go to Settings > Templates > Visual Editor.
Make changes as required. They can be previewed before you apply them.
Presets
Click to select a preset you like. To customize presets, click Custom Values and click the corresponding hex values and use the color picker to set a color.
Note: You can also add typography such as Base and Heading Fonts by clicking the dropdown and selecting a font from the font library.
Header Layout
You can apply various header layouts by simply clicking on them.
Click the drop-down list to select themes for your Top-bar, Header, and Navigation.
Click the radio buttons if you would prefer to have either a transparent or animated header when you scroll.
You can also choose from options such as Social Icon Floater, Logo In Mobile, Site Title in Mobile, and more.
Banner Layout
You can add banner layouts such as:
Full Width
Boxed
Full Screen
Blog List and Blog Post Layout
The Visual Editor enables you to change the way your blog lists and posts appear. You can choose from various layouts to display your listed posts. You can also choose how you would like individual posts to be displayed.
Advanced Visual Editor
We've taken the ability to customize and pushed it one step further by creating the Advanced Visual Editor. This tool combines the functionalities of the customization tool box with the ease of application of the Visual Editor.
1. On the Visual Editor, click Advanced at the bottom of the customization menu on the right.
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:
Still can't find what you're looking for?
Write to us: support@zohoforms.com
Zoho Sheet Resources
Zoho Forms Resources
Zoho Sign Resources
Sign, Paperless!
Zoho SalesIQ Resources
Zoho TeamInbox Resources
Zoho DataPrep Resources
Design. Discuss. Deliver.
Related Articles
Custom CSS Editor
Custom CSS Editor allows you to enter CSS scripts directly into the product. Any changes that you require can be added as code snippets or full CSS scripts within the editor itself. Go to Settings > Custom CSS Editor under Customize. 1. Open Custom ...Customize Overview
Any form of customization to your store can be handled from here itself. The available features are: Menus Templates Visual Editor Custom CSS EditorHow do you change the color for menus or other items in your store?
Any change in design and colors can be achieved using the Visual editor under Site Settings. With the visual editor, you can change the palette range, font, size, and more. To learn more, click here.Templates
You can choose from a variety of templates to suit your online store and its storefront. You can also create your own template, make changes to an existing template, or simply change your store template. In this section: Change Template Visual ...Adding Social Share as an element in your store
Click '+' icon on the top banner of the Site Builder. Click "+ Element" to add social networks as an element in your store. Select Apps from the list of elements displayed, and choose Social Share. Here, you can view and reset the changes made ...