BetterDocs gives you the freedom to customize the Archive Pages and change their appearance any way you want. Now, let’s follow the below guidelines to customize the Documentation Archive Pages in BetterDocs:
Step 1: Go to BetterDocs Settings #
First of all, go to the BetterDocs Settings by navigating to wp-admin -> BetterDocs -> Settings. Afterward, open the ‘Design’ tab. Under the ‘Legacy Customizer’ section, hit the ‘Customize in BetterDocs’ button and you will be redirected to the Customize page.

Step 2: Configure Customize BetterDocs Option #
From ‘BetterDocs Customizer’, you can pick the ‘Archive Pages’ option. You will then find all the styling options to modify the appearance of the Archive Pages option.

By default, BetterDocs Customizer redirects you to the doc landing page as a preview. So, you can click on the ‘Category’ and you will be redirected to the respective archive pages. Afterward, you can check out the changes you make in real time.
Afterward, you can go ahead & change the colors for Page Background, Content Area Background, Title, List Icon, and many others. If you want, you can even add a ‘Background Image’ and change its properties as well. Besides, you can play around with the Content Area Margin and Archive Title Margin. Make sure to hit on the ‘Publish’ button to save your changes.
With the ‘BetterDocs Archive Doc List’ block, you can easily add the list of your archive documentation pages. Use this block to add the list anywhere you want on your page or post.

This is how easily you can customize the documentation archive pages with BetterDocs and enhance your user experience.
Moreover, BetterDocs provides a Full Site Editor compatible block of archive page list feature where you can select different orders and more. You can now choose different doc list designs directly using BetterDocs compatibility for the WordPress full site editor.

If you face any difficulties, feel free to contact our support team.