BetterDocs Category Box lets you create BetterDocs knowledge base inside Elementor and style any way you want. From Elementor editor itself, you can customize the box layout as per your wish, and create a stunning knowledge base within a few minutes. Check out this guideline below to see how to configure & style BetterDocs Category Box:
How to Activate BetterDocs Category Box #
To use this element, find the ‘BetterDocs Category Box‘ element from the Search option under the 'ELEMENTS' tab. Simply just Drag & Drop the ‘BetterDocs Category Box’ into the 'Drag widget here' or the ‘+’ section.
After you are successfully done with step 1, this is how the element is going to look like.
How To Configure The Content Settings #
With the help of the BetterDocs Category Box layout, you will get two featured sections in its 'Контент' settings, ’Query’ and ‘Layout Options’.
Besides, you can choose how many boxes per page layout will display to organize your document in it. You can use the ‘Order By’ feature to sort your articles by name, slug, id, etc, and ‘Order’ with ascending or descending.
Layout Options #
Once you have done with the Query settings, you can configure the ‘Layout Options’ next to pick from ‘Default‘ или ‘Layout 2’ design accordingly as per your preference.
Moreover, you can choose how many ‘Box Column’ you want to create in the layout to make it well organized. Afterward, you can enable the box layout icon on the top, title, select the preferred title tag, show count, suffix, suffix singular, and prefix below the box to give it an organized look.
How to Style BetterDocs Category Box #
От ‘Style’ tab, you can style your BetterDocs Category Box anyway you want. To do that follow the described steps below:
В ‘Box’ section gives you the control to change the spacing between each box column. You can modify the box padding as well. If you want, you can add background to the BetterDocs category box layout with a background image, change its color for normal or hover both types, add shadow effects, and more to change the entire outlook of the category box layout as well.
There are several customization options presented in the 'Стиль' tab. The ‘Icon’ style lets you change the category box icon in advance that appears on the layout. Besides, The ‘Title’ section allows you to change the overall outlook of document titles, and ‘Count’ to customize the design of your document number that seems below the box icon the way you want.
Окончательный результат #
By following the basic steps and a bit more modifying, you can style your BetterDocs Category Box as per your preference.
By using BetterDocs Category Box, this is how you can easily design and display the best-looking knowledge base on your WordPress website with Elementor page Builder.
Getting stuck? Feel free to contact our amazing Команда поддержки for any assistance.