BetterDocs gives you the freedom to customize the Live Search bar and change its appearance any way you want. Now, let’s follow this below guideline to customize the Documentation Live Search Bar in BetterDocs:
First of all, go to 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.
From ‘BetterDocs Customizer’, you can pick the ‘Live Search’ option. You will then find all the styling options to modify the appearance for the Live Search option.
By default, BetterDocs Customizer redirects you to the doc landing page as a preview. So, you can check out the changes you make in real-time.
Afterward, you can go ahead & change the colors for Live Search Background, Search Filed, Search Icon and many others. If you want, you can even add a ‘Background Image’ and change its properties as well. Besides, you have complete control over how you want the ‘Search Result Settings’ to appear and customize its content size and colors. You can change the box width of the Search Result. Make sure to hit on the ‘Publish’ button to save your changes.
Powered by BetterDocs