{"id":10194,"date":"2020-04-29T19:57:10","date_gmt":"2020-04-29T19:57:10","guid":{"rendered":"http:\/\/themenectar.com\/docs\/salient\/?page_id=10194"},"modified":"2022-08-03T00:34:53","modified_gmt":"2022-08-03T00:34:53","slug":"page-builder-columns","status":"publish","type":"page","link":"https:\/\/themenectar.com\/docs\/salient\/page-builder-columns\/","title":{"rendered":"Page Builder Columns"},"content":{"rendered":"[vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” top_padding=”80″ bottom_padding=”50″ 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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][nectar_image_with_hotspots image=”9986″ preview=”https:\/\/themenectar.com\/docs\/salient\/wp-content\/uploads\/2020\/04\/edit-row.jpg” color_1=”Accent-Color” hotspot_icon=”plus_sign” tooltip=”hover” tooltip_shadow=”large_depth”][nectar_hotspot left=”48.625%” top=”70.19589552238806%” position=”bottom”]To open up column settings, click on the pencil icon located in the middle of a column.[\/nectar_hotspot][\/nectar_image_with_hotspots][\/vc_column][\/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” 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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Allows you to define how much padding you would like from a percentage dropdown. Percentage values are used to keep everything responsive. Using padding will help give the content nested inside the column breathing room and allow the background layer of your column to show more.<\/p>\n
The three icons next to the field name allow you to define separate values for the desktop\/tablet\/smartphone views.[\/vc_column_text][image_with_animation image_url=”10200″ image_size=”full” animation_type=”entrance” animation=”Fade In” animation_easing=”default” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”5px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default” margin_top=”4%”][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Padding Position” id=”1659486867585-10″ tab_id=”1659486867586-7″][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”padding-position”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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
The padding position dropdown allows you to add the padding to a specific side, or combination of sides on the column.[\/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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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_inner][\/vc_row_inner][vc_row_inner column_margin=”40px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”column-margin”][vc_column_inner column_padding=”padding-5-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#f4f4f4″ background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”5px” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/3″ 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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget eros molestie, iaculis.[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=”padding-5-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”top-bottom” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#f4f4f4″ background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”5px” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/3″ 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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget eros molestie, iaculis.[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=”padding-5-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”left-right” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#f4f4f4″ background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”5px” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/3″ 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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget eros molestie, iaculis.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Margin” id=”1659486867636-6″ tab_id=”1659486867636-10″][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”margin”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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\/1″ 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_1588101974584{padding-right: 15% !important;}”]\n
Allows you to create space around a column by a specific margin (top,bottom,left,right) of your choosing. Negative values are also accepted and can be used to pull columns outside their default flow.[\/vc_column_text][image_with_animation image_url=”10206″ image_size=”full” animation_type=”entrance” animation=”Fade In” animation_easing=”default” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”5px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default” margin_top=”3%”][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”40px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”equal-height-columns”][vc_column_inner column_padding=”padding-4-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” top_margin=”60″ column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#075aff” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”5px” 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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac ex a enim dapibus imperdiet. Morbi laoreet ipsum vitae suscipit consectetur. Suspendisse varius nulla id augue imperdiet,[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=”padding-4-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#075aff” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”5px” 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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac ex a enim dapibus imperdiet. Morbi laoreet ipsum vitae suscipit consectetur. Suspendisse varius nulla id augue imperdiet,[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Centered Content” id=”1659486867677-4″ tab_id=”1659486867677-0″][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”centered-content”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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\/1″ 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
The centered content option is a fast way to center all text and inner elements of a column. Note: Certain elements will not respond to this option – in those cases, the elements will have their own settings for alignment.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”40px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all”][vc_column_inner column_padding=”padding-4-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#f2f2f2″ background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”5px” 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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text][nectar_btn size=”large” button_style=”regular” button_color_2=”Accent-Color” icon_family=”none” text=”Button”][\/vc_column_inner][vc_column_inner column_padding=”padding-4-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#f2f2f2″ background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”5px” 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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text][nectar_btn size=”large” button_style=”regular” button_color_2=”Accent-Color” icon_family=”none” text=”Button”][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Column Link” id=”1659486867745-5″ tab_id=”1659486867746-3″][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”column-link”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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\/1″ 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
Adds a link over your entire column to your specified URL.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”column-link”][vc_column_inner top_padding_desktop=”35px” constrain_group_100=”yes” bottom_padding_desktop=”35px” left_padding_desktop=”100px” right_padding_desktop=”35″ column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#edf2ff” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”5px” column_link_target=”_self” overflow=”visible” el_class=”info-box” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”advanced” gradient_type=”default”][nectar_icon icon_family=”fontawesome” icon_style=”soft-bg” icon_color_type=”color_scheme” icon_color=”Accent-Color” icon_padding=”10px” pointer_events=”all” position_desktop=”absolute” top_position_desktop=”20″ left_position_desktop=”20″ icon_fontawesome=”fa fa-info-circle” icon_size=”24″][vc_column_text]Note that when using this, hover effects on any elements within the column will no longer be triggered.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner equal_height=”yes” content_placement=”bottom” column_margin=”40px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”full-height-row”][vc_column_inner column_padding=”padding-6-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#f2f2f2″ background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”5px” column_link_target=”_blank” 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” column_link=”themenectar.com\/promo”][vc_column_text css=”.vc_custom_1588103091554{margin-bottom: 30px !important;}”]\n
Notice how the fancy box inner element no longer triggers a hover effect.[\/vc_column_text][fancy_box box_style=”parallax_hover” icon_family=”fontawesome” image_url=”9594″ parallax_hover_box_alignment=”middle” parallax_hover_box_overlay_opacity=”0.6″ parallax_hover_box_overlay_opacity_hover=”0.2″ border_radius=”default” image_loading=”default” icon_fontawesome=”fa fa-user-circle-o”]\n
The fancy box inner element can trigger its hover effect normally.[\/vc_column_text][fancy_box box_style=”parallax_hover” icon_family=”fontawesome” image_url=”9594″ parallax_hover_box_alignment=”middle” parallax_hover_box_overlay_opacity=”0.6″ parallax_hover_box_overlay_opacity_hover=”0.2″ border_radius=”default” image_loading=”default” icon_fontawesome=”fa fa-user-circle-o”]\n
The Responsive Options tab allows you to define the size\/position you want your column to display at in each viewport. By default, a column will display at 1\/1 (100%) in tablet\/phone viewports. You can easily override this to create the column setup desired by using the following options.[\/vc_column_text][vc_column_text css=”.vc_custom_1588108408255{margin-top: 20% !important;}”]\n
The width field will set your column to a new width on the specified device. Let’s use an example of having three columns (1\/3) on desktop and assume that we want them to remain as 1\/3 for mobile viewports as well. To accomplish that, we simply set the width to be 1\/3 on all viewports.[\/vc_column_text][image_with_animation image_url=”10238″ image_size=”full” animation_type=”entrance” animation=”Fade In” animation_easing=”default” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”5px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default” margin_top=”3%”][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all”][vc_column_inner top_padding_desktop=”35px” bottom_padding_desktop=”35px” left_padding_desktop=”100px” right_padding_desktop=”35″ column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#edf1ff” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”5px” column_link_target=”_self” overflow=”visible” el_class=”info-box” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”advanced” gradient_type=”default”][nectar_icon icon_family=”fontawesome” icon_style=”soft-bg” icon_color_type=”color_scheme” icon_color=”Accent-Color” icon_padding=”10px” pointer_events=”all” position_desktop=”absolute” top_position_desktop=”20″ left_position_desktop=”20″ icon_fontawesome=”fa fa-info-circle” icon_size=”24″][vc_column_text]You may have noticed that the tablet viewport does not allow you to define a custom width – This is a default limitation within WPbakery. However, we’ve added an option specific to Salient that allows you to work around it. To specify where your column width inherits from on tablet, you can use the dropdown labeled “Tablet Column Width Inherits From<\/strong>“, which is located directly under the responsive options table.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Offset” id=”1659486867916-8″ tab_id=”1659486867917-1″][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”offset”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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\/1″ 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 This option allows you to hide a column from displaying on a given viewport. The column will be hidden using CSS and still exist within the HTML\u00a0 structure.[\/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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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\/3″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][\/vc_column_inner][\/vc_row_inner][\/tab][\/tabbed_section][\/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=”5%” bottom_padding=”10%” 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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bottom_padding=”20″ 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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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\/1″ 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 You can add a background image to any column by using the “Upload image” button in the background tab of your column settings. Once an image is supplied, some new options will appear which relate to the display of your background image.[\/vc_column_text] AddType video\/mp4 .mp4 If unsure that your server is configured to playback videos correctly, try inputting a video hosted from ThemeNectar and test playback: Ensure that your videos are correctly encoded for web playback. <\/strong>If you\u2019ve added the media types to your server and are still running into difficulty, please run your videos through these converters:<\/p>\n http:\/\/video.online-convert.com\/convert-to-mp4<\/a> In columns, the background color layer sits on-top of the background image. This is to provide the ability to animate the opacity on hover over the image.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner equal_height=”yes” content_placement=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all”][vc_column_inner column_padding=”padding-5-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#075aff” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”5px” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/3″ 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 Controls which way to render the gradient – A preview will be shown in the overlay tab.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”50px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”column-margin”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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”][image_with_animation image_url=”10157″ image_size=”full” animation_type=”entrance” animation=”Fade In” animation_easing=”default” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”5px” box_shadow=”small_depth” image_loading=”lazy-load” max_width=”100%” max_width_mobile=”default”][vc_column_text]\n As of Salient version 12, you can now have your elements animate on mobile as well. To enable this functionality, head to the Salient options panel > general settings > functionality tab, and change the option titled “Page Builder Element Animations On Mobile Devices<\/strong>” to “Enable.<\/strong>“[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”1″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”fade-in” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n The maximum width attribute allows you to define values based in pixels (px), percent (%), or viewport (vw). Take a look at the illustrated example below. The red border denotes a page builder row, and the yellow borders denote page builder columns.[\/vc_column_text][image_with_animation image_url=”10319″ image_size=”full” animation_type=”entrance” animation=”Fade In” animation_easing=”default” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”5px” box_shadow=”none” image_loading=”lazy-load” max_width=”100%” max_width_mobile=”default” margin_top=”3%”][vc_column_text]\n [vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” top_padding=”80″ bottom_padding=”50″ 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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/10194"}],"collection":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/comments?post=10194"}],"version-history":[{"count":10,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/10194\/revisions"}],"predecessor-version":[{"id":10675,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/10194\/revisions\/10675"}],"wp:attachment":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/media?parent=10194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Offset<\/h3>\n[\/vc_column_text][vc_column_text]The offset field allows you to move your column from its default position by a specified amount. While it’s not used as frequently as the “width” dropdown, there are two scenarios in which you’ll find yourself using this field.[\/vc_column_text]
\n
The third column in the row is now left aligned, but what if we would like it to display centered?<\/h5>\n[\/vc_column_text][image_with_animation image_url=”10230″ image_size=”full” animation_type=”entrance” animation=”Fade In” animation_easing=”default” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”5px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default” margin_top=”3%” margin_bottom=”2%”][vc_column_text]\n
With a column offset added, the third column can now remain centered<\/h5>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Hide On Device” id=”1659486867963-0″ tab_id=”1659486867963-8″][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”hide-on-device”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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=”2\/3″ 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
Hide On Device<\/h3>\n
Background<\/h2>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][tabbed_section style=”vertical_scrolling” tab_color=”Accent-Color” vs_content_animation=”fade” vs_link_animation=”opacity” vs_navigation_alignment=”left” vs_navigation_width_2=”25%” vs_navigation_func=”default” vs_navigation_width=”narrow” vs_navigation_spacing=”20px” vs_navigation_mobile_display=”visible” vs_tab_spacing=”10%” vs_tab_tag=”h4″ vs_cta_style=”see-through” vs_cta_bg_color=”default” vs_cta_heading_tag=”h6″][tab icon_family=”none” title=”Background Layers” id=”1659486868020-9″ tab_id=”1659486868021-4″][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-layers”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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\/1″ 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
Background Layers<\/h3>\n[\/vc_column_text][vc_column_text]The stacking order for the background layer can be seen in the illustration below.[\/vc_column_text]
\n
Background Image<\/h3>\n
\n
With Scale Background Image Disabled<\/h4>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=”padding-5-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#000000″ background_color_opacity=”0.4″ background_hover_color_opacity=”1″ background_image=”10281″ background_image_position=”center center” background_image_stacking=”default” enable_bg_scale=”true” background_image_loading=”default” column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”5px” 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
With Scale Background Image Enabled<\/h4>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Video Background” id=”1659486868131-0″ tab_id=”1659486868132-1″][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”video-background”][vc_column_inner column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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\/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” column_padding_type=”advanced” gradient_type=”default”][vc_column_text]\n
Video Background<\/h3>\n[\/vc_column_text]
\n
Troubleshooting self-hosted video background playback<\/h3>\n[\/vc_column_text][vc_text_separator title=”Videos won’t play on desktop or mobile” title_align=”separator_align_left” align=”align_left” color=”custom” accent_color=”#0a0a0a” css=”.vc_custom_1659486103985{margin-top: 40px !important;}”][vc_column_text]Ensure that your server is capable of parsing video files. <\/strong>Some servers require you to add the media types supported in the .htaccess file in order for them to parse the files. Open up your .htaccess file located at the root of your WordPress install and add this in:<\/p>\n
\nAddType video\/mp4 .m4v
\nAddType video\/ogg .ogv
\nAddType video\/webm .webm
\nAddType video\/webm .webmv<\/p>\n
\nhttps:\/\/themenectar.com\/videos\/video-test.mp4<\/span><\/p>\n
\nhttp:\/\/video.online-convert.com\/convert-to-webm<\/a>[\/vc_column_text][vc_text_separator title=”Videos won’t play on mobile only” title_align=”separator_align_left” color=”custom” css=”.vc_custom_1659486212283{margin-top: 50px !important;}” accent_color=”#000000″][vc_column_text]Ensure that a power-saving or data-saving mode is not on<\/strong>: If a power-saving mode is active, it will prevent ANY\u00a0<\/strong>video from auto-playing. Because of this, it’s recommended to still supply a fallback image for these instances.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Background Color” id=”1659486868186-8″ tab_id=”1659486868186-6″][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-color”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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\/1″ 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]\nBackground Color<\/h3>\n
Background Color<\/h4>\n[\/vc_column_text]
\n
Background Color<\/h4>\n[\/vc_column_text]
\n
Background Color<\/h4>\n[\/vc_column_text]
\n
Color Overlay<\/h2>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][tabbed_section style=”vertical_scrolling” tab_color=”Accent-Color” vs_content_animation=”fade” vs_link_animation=”opacity” vs_navigation_alignment=”left” vs_navigation_width_2=”25%” vs_navigation_func=”default” vs_navigation_width=”narrow” vs_navigation_spacing=”20px” vs_navigation_mobile_display=”visible” vs_tab_spacing=”10%” vs_tab_tag=”h4″ vs_cta_style=”see-through” vs_cta_bg_color=”default” vs_cta_heading_tag=”h6″][tab icon_family=”none” title=”Gradient Overlay” id=”1659486868299-5″ tab_id=”1659486868299-5″][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”gradient-overlay”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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” el_class=”hide-tooltip” 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
Gradient Overlay<\/h3>\n[\/vc_column_text][vc_column_text]Enable this to cause the color overlay layer to use both the “Color Overlay” and “Color Overlay 2” color pickers. A gradient will be formed in between the colors in the direction that you specify via the “Gradient Direction” dropdown.[\/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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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”][nectar_image_with_hotspots image=”10302″ preview=”https:\/\/themenectar.com\/docs\/salient\/wp-content\/uploads\/2020\/04\/column-color-overlay.jpg” color_1=”Extra-Color-1″ hotspot_icon=”plus_sign” tooltip=”always_show” tooltip_shadow=”none”][nectar_hotspot left=”1.3436624649859945%” top=”20.126084598698483%” position=”right”][\/nectar_hotspot][\/nectar_image_with_hotspots][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Overlay Strength” id=”1659486868346-2″ tab_id=”1659486868347-4″][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”overlay-strength”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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” el_class=”hide-tooltip” 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
Overlay Strength<\/h3>\n[\/vc_column_text][vc_column_text]Controls the opacity in which your overlay will show on top of the lower background layers (image\/video).[\/vc_column_text]
\n
Gradient Direction<\/h3>\n
Left to Right<\/h5>\n[\/vc_column_text][image_with_animation image_url=”10155″ image_size=”full” animation_type=”entrance” animation=”Fade In” animation_easing=”default” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”5px” box_shadow=”small_depth” image_loading=”lazy-load” max_width=”100%” max_width_mobile=”default”][vc_column_text]\n
Left Bottom to Right Top<\/h5>\n[\/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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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”][image_with_animation image_url=”10156″ image_size=”full” animation_type=”entrance” animation=”Fade In” animation_easing=”default” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”5px” box_shadow=”small_depth” image_loading=”lazy-load” max_width=”100%” max_width_mobile=”default”][vc_column_text]\n
Left Top to Right Bottom<\/h5>\n[\/vc_column_text][image_with_animation image_url=”10154″ image_size=”full” animation_type=”entrance” animation=”Fade In” animation_easing=”default” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”5px” box_shadow=”small_depth” image_loading=”lazy-load” max_width=”100%” max_width_mobile=”default”][vc_column_text]\n
Bottom to Top<\/h5>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][\/tabbed_section][\/vc_column][\/vc_row][vc_row type=”in_container” full_screen_row_position=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” scene_position=”center” 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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n[\/vc_column_text][\/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=”5%” bottom_padding=”10%” 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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bottom_padding=”20″ 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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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\/1″ 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
Animation<\/h2>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][tabbed_section style=”vertical_scrolling” tab_color=”Accent-Color” vs_content_animation=”fade” vs_link_animation=”opacity” vs_navigation_alignment=”left” vs_navigation_width_2=”25%” vs_navigation_func=”default” vs_navigation_width=”narrow” vs_navigation_spacing=”20px” vs_navigation_mobile_display=”visible” vs_tab_spacing=”10%” vs_tab_tag=”h4″ vs_cta_style=”see-through” vs_cta_bg_color=”default” vs_cta_heading_tag=”h6″][tab icon_family=”none” title=”Background Image Animation” id=”1659486868572-8″ tab_id=”1659486868572-4″][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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” el_class=”hide-tooltip” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ 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
Background Image Animation<\/h3>\n[\/vc_column_text][vc_column_text]The background image animation option allows you to define an animation that will apply only to the image you’ve specified for your column background image. The animation selected will only trigger one time, when the user scrolls the row into the viewport.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ background_image=”9713″ background_image_position=”center center” background_image_stacking=”default” enable_bg_scale=”true” background_image_loading=”default” column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”0.8″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”fade-in” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Fade In<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ background_image=”9713″ background_image_position=”center center” background_image_stacking=”default” enable_bg_scale=”true” background_image_loading=”default” column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”0.8″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”zoom-out” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Zoom Out<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ background_image=”9713″ background_image_position=”center center” background_image_stacking=”default” enable_bg_scale=”true” background_image_loading=”default” column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”0.8″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”zoom-out-reveal” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Zoom Out Reveal<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ background_image=”9713″ background_image_position=”center center” background_image_stacking=”default” enable_bg_scale=”true” background_image_loading=”default” column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”0.8″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”zoom-out-high” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Zoom Out Slowly<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Entire Column Animation” id=”1659486868645-10″ tab_id=”1659486868645-6″][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”entire-column-animation”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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” el_class=”hide-tooltip” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ 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
Entire Column Animation<\/h3>\n[\/vc_column_text][vc_column_text]As the name implies, this option will animate the entire column, including all layers its contents. This animation will also\u00a0only trigger one time, when the user scrolls the row into the viewport.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all”][vc_column_inner column_padding=”padding-6-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#eff4ff” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” column_shadow=”none” column_border_radius=”5px” column_link_target=”_self” overflow=”visible” el_class=”info-box” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][nectar_icon icon_family=”fontawesome” icon_style=”soft-bg” icon_color_type=”color_scheme” icon_color=”Accent-Color” icon_padding=”15px” pointer_events=”all” icon_fontawesome=”fa fa-question-circle” margin_bottom=”15″ icon_size=”24″][vc_column_text]\n
Enabling animations on mobile devices<\/h4>\n
Fade In<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”1″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”fade-in-from-left” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Fade In From Left<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”1″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”fade-in-from-right” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Fade In From Right<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”1″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”fade-in-from-bottom” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Fade In From Bottom<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”1″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”grow-in” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Grow In<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”1″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”zoom-out” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Zoom Out<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”1″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”slight-twist” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Slight Twist<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”1″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”flip-in” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Flip In Horizontal<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”1″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”flip-in-vertical” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Flip In Vertical<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”1″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”reveal-from-right” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Reveal From Right<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”1″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”reveal-from-left” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Reveal From Left<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”1″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”reveal-from-bottom” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Reveal From Bottom<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”background-image-animation”][vc_column_inner column_padding=”padding-8-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” el_class=”hide-tooltip” color_overlay=”#075aff” gradient_direction=”left_to_right” overlay_strength=”1″ width=”1\/1″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”reveal-from-top” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Reveal From Top<\/h3>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Column Animation Delay” id=”1659486868881-3″ tab_id=”1659486868881-0″][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”column-animation-delay”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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” el_class=”hide-tooltip” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ 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
Column Animation Delay<\/h3>\n[\/vc_column_text][vc_column_text]The animation delay property will delay your column animation from occurring for the specified amount of time in milliseconds. This can be used to create staggering animations.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner equal_height=”yes” content_placement=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all”][vc_column_inner column_padding=”padding-5-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#075aff” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”5px” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/3″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”grow-in” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_column_text]\n
Delay: 0<\/h4>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=”padding-5-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#075aff” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”5px” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/3″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”grow-in” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” delay=”250″][vc_column_text]\n
Delay: 250<\/h4>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=”padding-5-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#075aff” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”5px” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/3″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”grow-in” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” delay=”500″][vc_column_text]\n
Delay: 500<\/h4>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner equal_height=”yes” content_placement=”middle” column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all”][vc_column_inner column_padding=”padding-5-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#075aff” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”5px” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/3″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”grow-in” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” delay=”750″][vc_column_text]\n
Delay: 750<\/h4>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=”padding-5-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#075aff” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”5px” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/3″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”grow-in” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” delay=”1000″][vc_column_text]\n
Delay: 1000<\/h4>\n[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=”padding-5-percent” column_padding_tablet=”inherit” column_padding_phone=”inherit” column_padding_position=”all” column_element_direction_desktop=”default” column_element_spacing=”default” centered_text=”true” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”default” background_color=”#075aff” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_backdrop_filter=”none” font_color=”#ffffff” column_shadow=”none” column_border_radius=”5px” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/3″ tablet_width_inherit=”default” animation_type=”default” enable_animation=”true” animation=”grow-in” animation_easing=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid” delay=”1250″][vc_column_text]\n
Delay: 1250<\/h4>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][\/tabbed_section][\/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=”5%” bottom_padding=”10%” 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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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” animation_type=”default” bg_image_animation=”none” border_type=”simple” column_border_width=”none” column_border_style=”solid”][vc_row_inner column_margin=”default” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” bottom_padding=”20″ 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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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\/1″ 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
Advanced<\/h2>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][tabbed_section style=”vertical_scrolling” tab_color=”Accent-Color” vs_content_animation=”fade” vs_link_animation=”opacity” vs_navigation_alignment=”left” vs_navigation_width_2=”25%” vs_navigation_func=”default” vs_navigation_width=”narrow” vs_navigation_spacing=”20px” vs_navigation_mobile_display=”visible” vs_tab_spacing=”10%” vs_tab_tag=”h4″ vs_cta_style=”see-through” vs_cta_bg_color=”default” vs_cta_heading_tag=”h6″][tab icon_family=”none” title=”Maximum Width” id=”1659486869011-8″ tab_id=”1659486869011-10″][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”minimum-width”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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” el_class=”hide-tooltip” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ 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
Maximum Width<\/h3>\n[\/vc_column_text][vc_column_text]The maximum width field allows you to define a custom width that the column will not display greater than. This can be useful in limiting the amount of space text can flow.<\/p>\n
Column maximum width left blank (default)<\/h5>\n[\/vc_column_text][image_with_animation image_url=”10318″ image_size=”full” animation_type=”entrance” animation=”Fade In” animation_easing=”default” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”5px” box_shadow=”none” image_loading=”lazy-load” max_width=”100%” max_width_mobile=”default” margin_top=”5%”][vc_column_text]\n
Column maximum width set to 300px<\/h5>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Z-index” id=”1659486869059-0″ tab_id=”1659486869060-7″][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”z-index”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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” el_class=”hide-tooltip” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ 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
Z-Index<\/h3>\n[\/vc_column_text][vc_column_text]Allows you to define a custom stacking order for your column. This can come in handy when you have a setup in which columns overlap and you want to specify which column will display on top.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Extra Class Name” id=”1659486869086-9″ tab_id=”1659486869087-1″][vc_row_inner column_margin=”60px” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” top_padding=”3%” constrain_group_1=”yes” bottom_padding=”3%” right_padding_tablet=”0″ text_align=”left” row_position=”default” row_position_tablet=”inherit” row_position_phone=”inherit” overflow=”visible” pointer_events=”all” el_id=”extra-class-name”][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” desktop_text_alignment=”default” tablet_text_alignment=”default” phone_text_alignment=”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” el_class=”hide-tooltip” gradient_direction=”left_to_right” overlay_strength=”0.3″ width=”1\/1″ 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
Extra Class Name<\/h3>\n[\/vc_column_text][vc_column_text]Allows you to specify custom CSS class names that will be applied to your column. This is useful for when you need to target a specific column in your setup for additional CSS tweaking.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][\/tabbed_section][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"