­čÄü 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 'Con┼úinut' 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ÔÇś sau ÔÇś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 #

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

Box #

The ‘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 'Stil' 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

Rezultat final #

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 Echipa de suport for any assistance.

Cu sprijinul BetterDocs