BetterDocs gives you the freedom to customize the Sidebar layout and change its appearance any way you want. Now, let’s follow the below guidelines to customize the Documentation Sidebar in BetterDocs.
Step 1: Configure BetterDocs Settings #
First of all, go to the BetterDocs Settings by navigating to wp-admin → BetterDocs → Settings. Afterward, open the ‘Design’ tab. Now, hit the ‘Customize BetterDocs’ button and you will be redirected to the Customize page.
Step 2: Modify BetterDocs Documentation Sidebar #
From ‘Customize BetterDocs’, you can pick the ‘Sidebar’ option. You will then find all the styling options to modify the appearance of the sidebar.
Since by default the ‘Customize BetterDocs’ option redirects you to the doc landing page as a preview, you need to go through the Single docs to see the sidebar changes you make in real-time.
Afterward, you can go ahead & change the Icon Size, Title Font Size, Item Count Size, List Item Font Size, and others. Besides, you have the freedom to change the Title colors when they are in normal and active modes. Also, you can change the colors for Item Background, Item List, Active Item List, Item Count, and many others on your sidebar. Make sure to hit on the ‘Publish’ button to save your changes.
With BetterDocs, this is how easily you can customize the documentation sidebar in advance to improve your user experience.
If you face any difficulties, feel free to contact our support team.