Dagen
Uren
Minuten
Seconden

🎁 Grab 20% discounts on BetterDocs PRO. Use coupon:

How To Configure & Style BetterDocs Category Box In Elementor?

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.BetterDocs Category Box

After you are successfully done with step 1, this is how the element is going to look like.

BetterDocs Category Box

How To Configure The Content Settings  #

With the help of the BetterDocs Category Box layout, you will get two featured sections in its 'Inhoud' settings, ’Query’ and ‘Layout Options’.

Query #

After getting all your documents on the BetterDocs Category Box layout, you can pick and display your desired document categories on the website through ‘Include’ or ‘Exclude’ features. BetterDocs Category Box

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‘ of ‘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.

BetterDocs Category Box

 

How to Style BetterDocs Category Box #

Van de ‘Style’ tab, you can style your  BetterDocs Category Box anyway you want. To do that follow the described steps below:

Box #

De ‘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.

BetterDocs Category Box

Others #

There are several customization options presented in the 'Stijl' 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. 

BetterDocs Category Box

Uiteindelijke uitkomst #

By following the basic steps and a bit more modifying, you can style your BetterDocs Category Box as per your preference.

BetterDocs Category Box

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 Ondersteuningsteam for any assistance.

Aangedreven door BetterDocs