{"id":2408,"date":"2021-03-03T17:54:07","date_gmt":"2021-03-03T11:54:07","guid":{"rendered":"https:\/\/betterdocs.co\/?post_type=docs&p=2408"},"modified":"2022-02-17T19:19:44","modified_gmt":"2022-02-17T13:19:44","password":"","slug":"betterdocs-category-box","status":"publish","type":"docs","link":"https:\/\/betterdocs.co\/it\/docs\/betterdocs-category-box\/","title":{"rendered":"How To Configure & Style BetterDocs Category Box In Elementor?"},"content":{"rendered":"

BetterDocs Category Box<\/strong><\/span><\/a> lets you create <\/span>BetterDocs<\/strong><\/span><\/a> 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. <\/span>Check out this guideline below to see how to configure & style BetterDocs Category Box:
\n<\/span><\/p>\n

How to Activate BetterDocs Category Box<\/b><\/h2>\n

To use this<\/span> element, find the <\/span>\u2018BetterDocs Category Box\u2018 <\/strong>element from the Search option under the <\/span>'<\/b>ELEMENTS<\/span>'<\/b> tab. Simply just Drag & Drop the \u2018BetterDocs Category Box\u2019 into the <\/span>'<\/b>Drag widget here<\/span>' <\/b>or the \u2018+\u2019 section.\"BetterDocs<\/a><\/span><\/p>\n

After you are successfully done with step 1, this is how the element is going to look like.<\/span><\/p>\n

\"BetterDocs<\/a><\/p>\n

How To Configure The Content Settings\u00a0<\/b><\/h2>\n

With the help of the <\/span>BetterDocs Category Box<\/b> layout, you will get two featured sections in its <\/span>'Soddisfare' <\/b>settings, \u2019Query\u2019 and \u2018Layout Options\u2019.
\n<\/span><\/p>\n

Query<\/b><\/h3>\n

After getting all your documents on the BetterDocs Category Box layout, you can pick and display your desired document categories on the website through <\/span>\u2018Include\u2019 or \u2018Exclude\u2019 <\/b>features. \"BetterDocs<\/a><\/span>
\n<\/strong><\/p>\n

Besides, you can choose how many boxes per page layout will display to organize your document in it. You can use the <\/span>\u2018Order By\u2019 <\/b>feature to sort your articles by name, slug, id, etc, and <\/span>\u2018Order\u2019<\/b> with ascending or descending.<\/span><\/p>\n

Layout Options<\/b><\/h3>\n

Once you have done with the <\/span>Query<\/b> settings, you can configure the <\/span>\u2018Layout Options\u2019<\/b> next to pick from <\/span>\u2018Default\u2018 <\/b>o <\/span>\u2018Layout 2\u2019 <\/b>design accordingly as per your preference. <\/span><\/p>\n

Moreover, you can choose how many \u2018Box Column\u2019<\/b> 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.<\/span><\/p>\n

\u00a0<\/span><\/p>\n

How to Style BetterDocs Category Box<\/b><\/h2>\n

Dal<\/span> ‘Style’<\/b> tab, you can style your <\/span>\u00a0BetterDocs Category Box<\/b> anyway you want. To do that follow the described steps below:<\/span><\/p>\n

Box<\/h3>\n

Il <\/span>‘Box’<\/b> 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.<\/span><\/p>\n

\"BetterDocs<\/a><\/p>\n

Others<\/b><\/h3>\n

There are several customization options presented in the <\/span>'Stile' <\/b>tab. The ‘Icon’ <\/b>style lets you change the category box icon in advance that appears on the layout. Besides, The ‘Title’<\/b> section allows you to change the overall outlook of document titles, and \u2018Count\u2019 <\/b>to customize the design of your document number that seems below the box icon the way you want.\u00a0<\/span><\/p>\n

\"BetterDocs<\/a><\/p>\n

Esito finale<\/b><\/h2>\n

By following the basic steps and a bit more modifying, you can style your <\/span>BetterDocs Category Box <\/b>as per your preference.<\/span><\/p>\n

\"BetterDocs<\/a><\/p>\n

By using <\/span>BetterDocs Category Box<\/b>, this is how you can easily design and display the best-looking knowledge base on your WordPress website with Elementor page Builder<\/a>.
\n<\/span><\/strong><\/p>\n

Getting stuck? Feel free to contact our amazing Team di supporto<\/strong><\/a> for any assistance.<\/p>","protected":false},"excerpt":{"rendered":"

You can showcase your BetterDocs Category Box on Elementor site & style the knowledgebase box layout in advance to influence customers to your online documentation. <\/p>","protected":false},"author":8,"featured_media":2415,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[309],"doc_tag":[10,14,89,19,43,16],"knowledge_base":[282],"class_list":["post-2408","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations","doc_tag-betterdocs","doc_tag-configuration","doc_tag-docs-page-with-elementor","doc_tag-drag-drop-builder","doc_tag-elementor","doc_tag-wordpress","knowledge_base-wordpress"],"year_month":"2026-04","word_count":513,"total_views":"10483","reactions":{"happy":"5","normal":"2","sad":"3"},"author_info":{"name":"Afrin","author_nicename":"afrin","author_url":"https:\/\/betterdocs.co\/it\/author\/syeda-sanjida-afrin\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/betterdocs.co\/it\/docs\/shopify\/configurations\/"}],"doc_tag_info":[{"term_name":"betterdocs","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/betterdocs\/"},{"term_name":"configuration","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/configuration\/"},{"term_name":"Docs Page With Elementor","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/docs-page-with-elementor\/"},{"term_name":"drag & drop builder","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/drag-drop-builder\/"},{"term_name":"Elementor","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/elementor\/"},{"term_name":"WordPress","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/wordpress\/"}],"knowledge_base_info":[{"term_name":"WordPress","term_url":"https:\/\/betterdocs.co\/it\/docs\/wordpress\/","term_slug":"wordpress"}],"knowledge_base_slug":["wordpress"],"_links":{"self":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/2408","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/users\/8"}],"version-history":[{"count":9,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/2408\/revisions"}],"predecessor-version":[{"id":2457,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/2408\/revisions\/2457"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/media\/2415"}],"wp:attachment":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/media?parent=2408"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/doc_category?post=2408"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/doc_tag?post=2408"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/knowledge_base?post=2408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\"BetterDocs<\/a><\/p>\n