Edit Frontend KB Design
Visual Editor for Knowledge Base
Both the KB Main Page and KB Article Pages can be easily configured using our visual Editor.
The visual Editor contains the following configuration:
- Labels and text
- Colors and typography (font types and sizes)
- Features
- Spacing and padding
- And more
a) In the frontend together with the page heading and footer
b) In the backend
Navigate to Visual Editor
There are two quick ways to edit your main page. This method is from the back end.
The second method is shown in here.
- Go to the Knowledge Base -> Configuration
- Select KB Design tab
- Choose how to launch the visual Editor:
- Front End will show the Editor on the front end
- Back End option will show the Editor on the admin page in case the Front-end option is not working well. - Click on the Edit Main Page "Configure" Button.
Hovering over elements
Hovering your mouse over any KB element that is editable will show a blue border around that element indicating that can be edited.
Click on Elements
Once you click on the element it will then be highlighted in green to indicate it's active.
- Active Element has green border around it and it's name tag at the top left corner
- This is the name of the settings based on the selected element.
- There are up to four different setting types.
- Content - Contains text and icon selection
- Style - Controls colors and sizing
- Features - Controls which elements to show or hide or change.
- Advanced - Controls padding and margin and other specific settings to that element.
- The settings - Below the selected tab are the settings for that tab.
Save or Exit
Once you are finished with your changes, make sure you click the save button. Or if you do not want to save them click the Exit Editor button. You can also save first then exit the editor to see the page without the editor on the page.
Invoke Editor from Admin Bar
If you wish to load the editor from the Front end, Click on the top admin link called “Edit Main Page Configuration”Â
Sidebars and other areas to edit
Hovering over KB elements on the page will show you areas to edit. Simply hover over the area and you will see the blue border. If you need to edit the sidebars hover over them and click them to edit them. From there you can either add content or remove the sidebar entirely.
Click on Image to Zoom
Click on Image to Zoom
This article's heading and steps are built with our Creative Addons plugin.
