{"id":37,"date":"2016-10-03T00:28:44","date_gmt":"2016-10-03T00:28:44","guid":{"rendered":"http:\/\/localhost:8888\/doc\/?page_id=37"},"modified":"2022-07-19T00:30:18","modified_gmt":"2022-07-19T00:30:18","slug":"page-builder-overview","status":"publish","type":"page","link":"https:\/\/themenectar.com\/docs\/salient\/page-builder-overview\/","title":{"rendered":"Page Builder Overview"},"content":{"rendered":"[vc_row type=”full_width_background” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bg_color=”#ffffff” scene_position=”center” top_padding=”80″ text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none” shape_type=””][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text css=”.vc_custom_1546267779669{margin-bottom: 50px !important;}”]The Salient Page Builder is a highly tailored version of the popular plugin WPBakery Page Builder. Using it unleashes the true power of Salient as many elements are unique and handcrafted exclusively by ThemeNectar. Below is a guide of the various sections of the interface, hover over the hotspots to get familiar with where things are located.[\/vc_column_text][nectar_image_with_hotspots image=”9326″ preview=”http:\/\/themenectar.com\/docs\/salient\/wp-content\/uploads\/2018\/12\/page-builder.jpg” color_1=”Extra-Color-2″ hotspot_icon=”plus_sign” tooltip=”hover” tooltip_shadow=”large_depth” animation=”true”][nectar_hotspot left=”4.89583%” top=”1.16027%” position=”top”]Toggle to switch between page builder interface and classic WordPress editor[\/nectar_hotspot][nectar_hotspot left=”3.81185%” top=”19.0687%” position=”top”]Row column layout selection, from here you can select what column layout will be used for the row[\/nectar_hotspot][nectar_hotspot left=”89.4482%” top=”28.4251%” position=”top”]Row controls: The pencil icon will bring up all row configuration<\/strong> options, the next icon allows you to clone<\/strong> the row and the trash icon will delete<\/strong> the row[\/nectar_hotspot][nectar_hotspot left=”49.892578125%” top=”32.55878712871287%” position=”top”]Column controls: The plus icon allows to you add more elements<\/strong> into the column, the pencil icon will bring up all column configuration<\/strong> options and the trash icon will delete<\/strong> the column[\/nectar_hotspot][nectar_hotspot left=”17.4365234375%” top=”42.540222772277225%” position=”top”]Element controls: The pencil icon will bring up all element configuration<\/strong> options, the next icon allows you to clone<\/strong> the element and the trash icon will delete<\/strong> the element[\/nectar_hotspot][nectar_hotspot left=”48.96484375%” top=”89.41831683168317%” position=”top”]Add new element to the page [\/nectar_hotspot][nectar_hotspot left=”95.11555989583333%” top=”18.95420792079208%” position=”top”]Custom CSS Box, enter any page specific css needed here[\/nectar_hotspot][nectar_hotspot left=”15.415%” top=”1.57797%” position=”top”]Toggle to the front-end editor mode. If you’re not seeing this option, ensure you’re using a current version of the WPBakery page builder plugin (v5.6+ is required)[\/nectar_hotspot][nectar_hotspot left=”26.7708%” top=”1.57797%” position=”top”]Toggles to the WordPress 5.0 block editor mode[\/nectar_hotspot][nectar_hotspot left=”13.9583%” top=”19.1955%” position=”top”]Opens the Salient Studio template library – a collection of predesigned sections exclusively from ThemeNectar which you can insert into your pages[\/nectar_hotspot][nectar_hotspot left=”84.7917%” top=”19.3781%” position=”top”]Back\/Forward history state controls for every change in the page builder[\/nectar_hotspot][\/nectar_image_with_hotspots][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”50″ bottom_padding=”50″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all”][vc_column_inner column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text css=”.vc_custom_1546267797881{padding-right: 5% !important;}”]\n

Not seeing the Salient page builder?<\/h4>\n

Verify that you have the Salient WPBakery page builder plugin installed and activated. Check out our docs on installing plugins here<\/a>.<\/em>[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/2″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n

Not seeing the option for front-end editing?<\/h4>\n

Please ensure you’re using v10+ of Salient and v5.6+ of the Salient WPBakery page builder plugin. In older versions, this will not be available. Check out our v10 release article here in regards<\/a>.<\/em>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row type=”full_width_background” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” top_padding=”60″ bottom_padding=”60″ text_color=”dark” text_align=”left” row_border_radius=”none” row_border_radius_applies=”bg” overflow=”visible” overlay_strength=”0.3″ gradient_direction=”left_to_right” shape_divider_position=”bottom” bg_image_animation=”none”][vc_column column_padding=”no-extra-padding” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” column_position=”default” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” tablet_text_alignment=”default” phone_text_alignment=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n

Element List<\/h3>\n[\/vc_column_text][image_with_animation image_url=”9334″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”5px” box_shadow=”medium_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default”][vc_column_text css=”.vc_custom_1588095049967{margin-top: 40px !important;}”]\n