Skip to main content
This Documentation Is For Older versions of KB Plugin

For users of KB version 6 and Older

Get KB version 7 to have access to KB front-end Editor

Using Page Builders on Articles

< All Topics
[et_pb_section fb_built=”1″ admin_label=”Step 1″ module_class=”knowledge-base-step-style-1″ _builder_version=”3.22″ custom_margin=”0px||0px|” custom_padding=”0px||0px|” custom_css_main_element=”font-size: 14px;||font-family:||%22Helvetica Neue%22, Helvetica, Arial, sans-serif||;”][et_pb_row use_custom_gutter=”on” gutter_width=”1″ module_class=” et_pb_row_fullwidth” _builder_version=”3.25″ width=”100%” width_tablet=”100%” width_phone=”” width_last_edited=”on|desktop” max_width=”100%” max_width_tablet=”100%” max_width_phone=”” max_width_last_edited=”on|desktop” custom_margin=”0px||0px|” custom_padding=”0px||0px|” make_fullwidth=”on”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Page Intro” _builder_version=”4.7.7″ hover_enabled=”0″ border_style_all=”solid” border_style=”solid” sticky_enabled=”0″]

Our Knowledge Base uses Custom Post Types (CPT ). It is a common practice to use WordPress CPT to separate different types of content. Some page builders and plugins already detect the CPT and work automatically. However for some builders you need to configure KB CPT manually.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Step 1″ module_class=”knowledge-base-step-style-1″ _builder_version=”3.22″ custom_padding=”||6px|||” custom_css_main_element=”font-size: 14px;||font-family:||%22Helvetica Neue%22, Helvetica, Arial, sans-serif||;”][et_pb_row use_custom_gutter=”on” gutter_width=”1″ module_class=” et_pb_row_fullwidth” _builder_version=”4.0.11″ width=”100%” width_tablet=”100%” width_phone=”” width_last_edited=”on|desktop” max_width=”100%” max_width_tablet=”100%” max_width_phone=”” max_width_last_edited=”on|desktop” custom_padding=”||4px|||” make_fullwidth=”on”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Other builders” _builder_version=”4.0.11″ custom_margin=”||20px|” custom_padding=”||0px|” custom_css_main_element=”border-bottom:solid 2px #008bdb;” border_style=”solid”]

Elementor

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”1″ module_class=” et_pb_row_fullwidth” _builder_version=”4.0.11″ width=”100%” width_tablet=”100%” width_phone=”” width_last_edited=”on|desktop” max_width=”100%” max_width_tablet=”100%” max_width_phone=”” max_width_last_edited=”on|desktop” custom_margin=”0px|||” custom_padding=”0px|||” make_fullwidth=”on”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Description” _builder_version=”4.0.11″ max_width=”95%” min_height=”84px” border_style=”solid”][/et_pb_text][et_pb_text admin_label=”Beaver Builder” _builder_version=”3.27.4″ min_height=”43px” custom_margin=”||20px|” custom_padding=”||0px|” custom_css_main_element=”border-bottom:solid 2px #008bdb;” border_style_all=”solid” border_style=”solid”]

Visual Composer

[/et_pb_text][et_pb_text admin_label=”Description” _builder_version=”4.0.11″ max_width=”95%” min_height=”74px” border_style=”solid”][/et_pb_text][et_pb_text admin_label=”Beaver Builder” _builder_version=”3.27.4″ min_height=”4px” custom_margin=”||20px|” custom_padding=”||0px|” custom_css_main_element=”border-bottom:solid 2px #008bdb;” border_style_all=”solid” border_style=”solid”]

Divi Builder

[/et_pb_text][et_pb_text admin_label=”Description” _builder_version=”4.0.11″ max_width=”95%” border_style=”solid”][/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Step 1″ module_class=”knowledge-base-step-style-1″ _builder_version=”4.7.3″ min_height=”1225px” custom_padding=”0px|||||” custom_css_main_element=”font-size: 14px;||font-family:||%22Helvetica Neue%22, Helvetica, Arial, sans-serif||;”][et_pb_row use_custom_gutter=”on” gutter_width=”1″ module_class=” et_pb_row_fullwidth” _builder_version=”3.25″ width=”100%” width_tablet=”100%” width_phone=”” width_last_edited=”on|desktop” max_width=”100%” max_width_tablet=”100%” max_width_phone=”” max_width_last_edited=”on|desktop” min_height=”98px” make_fullwidth=”on”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Beaver Builder” _builder_version=”3.27.4″ custom_margin=”||-5px|||” custom_padding=”||0px|” custom_css_main_element=”border-bottom:solid 2px #008bdb;” border_style_all=”solid” border_style=”solid”]

Beaver Builder

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row use_custom_gutter=”on” gutter_width=”1″ module_class=” et_pb_row_fullwidth” _builder_version=”3.25″ width=”100%” width_tablet=”100%” width_phone=”” width_last_edited=”on|desktop” max_width=”100%” max_width_tablet=”100%” max_width_phone=”” max_width_last_edited=”on|desktop” custom_margin=”0px|||” custom_padding=”0px|||” make_fullwidth=”on”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Description” _builder_version=”4.7.7″ max_width=”95%” hover_enabled=”0″ border_style_all=”solid” border_style=”solid” sticky_enabled=”0″]

When using Beaver builder, you must use the Current Theme option in the knowledge base configurations. Otherwise, the editor will not work correctly for Beaver builder. See how to switch to Current Theme here: Current Theme

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_3,2_3″ use_custom_gutter=”on” gutter_width=”1″ module_class=” et_pb_row_fullwidth” _builder_version=”3.25″ width=”100%” width_tablet=”100%” width_phone=”” width_last_edited=”on|desktop” max_width=”100%” max_width_tablet=”100%” max_width_phone=”” max_width_last_edited=”on|desktop” custom_margin=”0px|||” custom_padding=”0px|||” make_fullwidth=”on”][et_pb_column type=”1_3″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Description” _builder_version=”4.7.3″ max_width=”95%” border_style_all=”solid” border_style=”solid”]

To activate Beaver builder on your knowledge base articles you must configure beaver builder to work with the KB post types. Follow the steps in the screenshot. If you have multiple KBs check all that apply and save.

[/et_pb_text][/et_pb_column][et_pb_column type=”2_3″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_image src=”https://www.echoknowledgebase.com/wp-content/uploads/2017/03/beaver_builder_settings_cpt.jpg” show_in_lightbox=”on” use_overlay=”on” hover_icon=”%%51%%” align_tablet=”center” align_phone=”” align_last_edited=”on|desktop” _builder_version=”3.23″ border_style_all=”solid” border_style=”solid” always_center_on_mobile=”on”][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section]
Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
5
How can we improve this article?
How Can We Improve This Article?
Table of Contents