Configure KB with Front-end Editor
Introducing the New Front End Editor
As per customer demand and feedback we have completely rebuilt the way you can change all your front end editing requirements. Now all you have to do is point and click on elements on the page to bring up the settings for that particular section of the Knowledge Base.
Navigate to Front End 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
- Click on Configuration
- Click on the Frontend Editor
- Click on the Edit Main Page "Edit" 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.