{"id":9993,"date":"2020-04-22T21:47:06","date_gmt":"2020-04-22T21:47:06","guid":{"rendered":"http:\/\/themenectar.com\/docs\/salient\/?page_id=9993"},"modified":"2023-11-17T03:39:09","modified_gmt":"2023-11-17T03:39:09","slug":"page-builder-row","status":"publish","type":"page","link":"https:\/\/themenectar.com\/docs\/salient\/page-builder-row\/","title":{"rendered":"Page Builder Row"},"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=”81.1612%” top=”63.425%” position=”bottom”]To open up the row settings, click on the pencil icon.[\/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
The “in container” row type will constrain the background layer as well as the content. This row type also adds a small bit of bottom margin by default, so if you’re looking to make your rows flush against each other, use one of the other two types.<\/p>\n[\/vc_column_text][image_with_animation image_url=”10012″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default” margin_top=”10%” margin_bottom=”10″][vc_column_text]\n
This row type allows the background supplied for the row to stretch to the edges of the browser window, but keeps the content inside constrained in the main content container.<\/p>\n[\/vc_column_text][image_with_animation image_url=”10013″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”default” max_width=”100%” max_width_mobile=”default” margin_top=”10%” margin_bottom=”10″][vc_column_text]\n
This is a row set to the \u201cFull Width Content\u201d type with a background color. It allows both the row background and any content inside it to display the full width of the browser window.<\/p>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Column Margin” id=”1700192330676-1″ tab_id=”1700192330676-2″][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=”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”][vc_column_text]\n
The column margin allows you to define the amount of spacing between each of the columns in your row.[\/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=”20px” 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-3-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-3-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-3-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_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%” 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-3-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-3-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-3-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_row_inner][vc_row_inner column_margin=”80px” 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-3-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-3-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-3-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_row_inner][\/tab][tab icon_family=”none” title=”Equal Height Columns” id=”1700192330792-8″ tab_id=”1700192330792-3″][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=”equal-height-columns”][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
Allows you to keep the columns within your row at an equal height regardless of how much content is in them. To make this noticeable, a background of some sort would need to be set on the column. You can also choose how the shorter content will be aligned (top,middle,bottom).[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”none” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” 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\/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 control the direction in which your columns will flow in the document. This option can be set to a different value for desktop\/tablet\/smartphone displays, which opens up powerful layout possibilities.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”none” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” 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\/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 will cause your row to automatically scale to the height of the browser window. When using this option, there’s no need to set any padding for the top\/bottom of your row, as doing so will increase the height of your row beyond the height of the browser window.[\/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%” 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=”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”][image_with_animation image_url=”10072″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”lazy-load” max_width=”100%” max_width_mobile=”default” margin_bottom=”10″][\/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
The three icons next to the field name allow you to define separate values for the desktop\/tablet\/smartphone views.<\/p>\n
Locking the top\/bottom or left\/right fields together will ensure that their values remain the same for easy proportional editing.[\/vc_column_text][image_with_animation image_url=”10077″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”lazy-load” max_width=”100%” max_width_mobile=”default” margin_top=”5%” margin_bottom=”15″][\/vc_column_inner][\/vc_row_inner][vc_row_inner column_margin=”none” column_direction=”default” column_direction_tablet=”default” column_direction_phone=”default” 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\/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 move the row from its current position (according to the parameters given for the X-axis and the Y-axis). Translating X or Y does not affect the flow of the rest of the document. Similar to padding, these values can be set separately for the desktop\/tablet\/smartphone viewports.[\/vc_column_text][image_with_animation image_url=”10087″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”lazy-load” max_width=”100%” max_width_mobile=”default” margin_top=”5%” margin_bottom=”15″][vc_column_text css=”.vc_custom_1587927885034{padding-right: 10% !important;padding-left: 10% !important;}”]\n
Above is an example of a row using 30px for the X and 30px for the Y transforms. The dimmed version of the row denotes the original position, before using transforms.<\/p>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Text Color” id=”1700192331239-5″ tab_id=”1700192331239-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=”text-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]\n
This allows you to set the row text to display as dark (default) or light for the text color.<\/p>\n
This setting is also tied to the permanent transparent header theme option<\/a><\/strong>. When using that theme option, the transparent header navigation color will change its color based on what your row color is set to. Example below.[\/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=”text-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”][image_with_animation image_url=”10118″ 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_bottom=”10″][nectar_highlighted_text color_type=”regular” highlight_color=”#ff0547″ text_color=”#000000″ style=”regular_underline” highlight_expansion=”default” underline_thickness=”2px”]\n You can add a background image to any row by using the “Upload image” button in the background tab of your row settings. Once an image is supplied, some new options will appear which relate to the display of your background image.<\/p>\n[\/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> Allows you to add multiple background layers to your row which will respond at different sensitivity to mouse movement, creating a parallax effect. When activating this option new inputs will open up for you to configure the effect.[\/vc_column_text] The shape divider selection icons demonstrate the shape that will be applied to your row backed. The white area within the icon represents the actual SVG shape to be applied, and the blue represents the row background.[\/vc_column_text][image_with_animation image_url=”10090″ image_size=”full” animation_type=”entrance” animation=”None” animation_movement_type=”transform_y” hover_animation=”none” alignment=”” border_radius=”10px” box_shadow=”small_depth” image_loading=”lazy-load” max_width=”100%” max_width_mobile=”default” margin_top=”5%” margin_bottom=”15″][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Shape Divider Position” id=”1700192331505-8″ tab_id=”1700192331506-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=”shape-divider-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\/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 determines whether the shape divider layer will be added to the top or the bottom of your row.<\/p>\n The shape divider layer does not contribute to the height of your row. The height that you set for it should be based on the existing height of your row.[\/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=”10098″ 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 By default, the shape divider will positioned underneath the content in your row. If you would like to bring it to the front of your row, and have it clip everything inside the row, you can use this option.<\/p>\n Below is an example of the “bring to front” option being toggled on a row that uses a text block and an image element its content.[\/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=”10101″ 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 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 Enabling the parallax option will also cause your row background image to scale larger to accommodate the effect. The “fast” speed will have the least impact on sizing, so if it’s important to you to maintain your current row background image sizing, choose that speed.[\/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=”10163″ preview=”https:\/\/themenectar.com\/docs\/salient\/wp-content\/uploads\/2020\/04\/parallax.jpg” color_1=”Extra-Color-1″ hotspot_icon=”plus_sign” tooltip=”hover” tooltip_shadow=”none”][nectar_hotspot left=”84.20038535645472%” top=”16.093435613682093%” position=”top”][\/nectar_hotspot][nectar_hotspot left=”2.119460500963391%” top=”47.283702213279675%” position=”top”][\/nectar_hotspot][\/nectar_image_with_hotspots][\/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 The minimum 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 borders denote page builder rows, and the yellow borders denote page builder columns.[\/vc_column_text][image_with_animation image_url=”10172″ 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 Allows you to define a custom ID for your row. This field is most used when creating anchor links to specific rows on a page. For example, you could add an ID onto your row named “about”, and then set a link URL to “http:\/\/domain\/page\/#about” from a menu item or a button on the page. The link added will now lead directly to that row when navigated to.<\/p>\n For more detailed information on anchor linking, check out the video tutorial below.[\/vc_column_text][nectar_video_lightbox link_style=”play_button_2″ nectar_play_button_color=”Default-Accent-Color” image_url=”8379″ hover_effect=”defaut” box_shadow=”x_large_depth” border_radius=”none” play_button_size=”default” video_url=”https:\/\/www.youtube.com\/watch?v=Rj-NQ3YItlc”][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Disable Row” id=”1700192332132-5″ tab_id=”1700192332133-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=”disable-row”][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 Removes the row from displaying on the front of your website, but keeps the row content in the backend. A fast way to see what your design would look like without a specific row without actually having to delete it or move it elsewhere.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][\/tabbed_section][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"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″…<\/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\/9993"}],"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=9993"}],"version-history":[{"count":26,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/9993\/revisions"}],"predecessor-version":[{"id":10894,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/9993\/revisions\/10894"}],"wp:attachment":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/media?parent=9993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}“Permeant Transparent” header passing by a row with light text color<\/em><\/h5>\n[\/nectar_highlighted_text][image_with_animation image_url=”10117″ 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=”6%” margin_bottom=”10″][nectar_highlighted_text color_type=”regular” highlight_color=”#ff0547″ text_color=”#000000″ style=”regular_underline” highlight_expansion=”default” underline_thickness=”2px”]\n
“Permeant Transparent” header passing by a row with dark text color<\/em><\/h5>\n[\/nectar_highlighted_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
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=”1700192331319-2″ tab_id=”1700192331319-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=”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
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 or Safari only” title_align=”separator_align_left” color=”custom” css=”.vc_custom_1700192346536{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=”Mouse Based Parallax” id=”1700192331417-2″ tab_id=”1700192331417-2″][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=”mouse-based-parallax”][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]\nMouse Based Parallax<\/h3>\n
\n
Video Tutorial<\/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
Shape Divider<\/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=”Shape Divider Type” id=”1700192331478-6″ tab_id=”1700192331478-3″][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=”shape-divider-type”][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
Shape Divider Type<\/h3>\n[\/vc_column_text][vc_column_text]Shape Dividers are optional parts of the row background layer which can add exciting design possibilities. A shape divider will not display in your row background unless the “Enable Shape Divider<\/strong>” option is activated.<\/p>\n
Shape Divider Position<\/h3>\n
Bottom Position<\/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=”10099″ 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
Top Position<\/h5>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Bring to front” id=”1700192331560-6″ tab_id=”1700192331561-2″][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=”shape-divider-bring-to-front”][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
Bring to Front<\/h3>\n
Bring to Front Disabled<\/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=”10102″ 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
Bring to Front Enabled<\/h5>\n[\/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=”mouse-based-parallax”][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” 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” column_shadow=”none” column_border_radius=”none” column_link_target=”_self” overflow=”visible” gradient_direction=”left_to_right” overlay_strength=”0.5″ 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=”default” gradient_type=”default”][nectar_video_player_self_hosted video_webm=”https:\/\/themenectar.com\/docs\/salient\/wp-content\/uploads\/sites\/35\/2022\/07\/Screen-Recording-2022-07-18-at-7.59.27-PM-1.webm” el_aspect=”235″ player_functionality=”lightbox” play_button_style=”follow_mouse” play_button_color=”#000000″ play_button_icon_color=”#ffffff” border_radius=”10px” box_shadow=”small_depth” video_lightbox_url=”https:\/\/www.youtube.com\/watch?v=-PLZyLkXUiM” advanced_gradient_display_type=”linear”][\/vc_column_inner][\/vc_row_inner][vc_column_text]\n
Video Tutorial<\/h4>\n[\/vc_column_text][\/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
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=”1700192331660-0″ tab_id=”1700192331660-8″][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=”10146″ preview=”https:\/\/themenectar.com\/docs\/salient\/wp-content\/uploads\/2020\/04\/color-overlay.jpg” color_1=”Extra-Color-1″ hotspot_icon=”plus_sign” tooltip=”always_show” tooltip_shadow=”none”][nectar_hotspot left=”2.1868787276341948%” top=”19.078603760445684%” position=”right”][\/nectar_hotspot][\/nectar_image_with_hotspots][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Overlay Strength” id=”1700192331697-2″ tab_id=”1700192331697-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=”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=”1700192331850-1″ tab_id=”1700192331850-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=”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 row 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=”Parallax Background” id=”1700192331933-1″ tab_id=”1700192331933-2″][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=”parallax-background”][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
Parallax Background<\/h3>\n[\/vc_column_text][vc_column_text]Enabling this will cause your background image layer to move at a different speed than the user scrolls, causing a parallax effect.[\/vc_column_text][vc_column_text]\n
Parallax Speed<\/h4>\n[\/vc_column_text][vc_column_text]The faster speed you choose, the closer your background image will scroll relative to the regular scroll speed. This means that “Slow” will create a more dramatic parallax, while “fast” will create a subtle parallax. We use “fast” for almost all the parallax rows seen in the live demos.<\/p>\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=”Minimum Width” id=”1700192332027-1″ tab_id=”1700192332028-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=”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
Minimum Width<\/h3>\n[\/vc_column_text][vc_column_text]Available to inner rows<\/strong> only, the minimum width field allows you to define a custom width that the row will display at. This can be set to be larger than the parent column, resulting in “breaking out” of the container for more interesting designs.<\/p>\n
Inner row minimum width\u00a0 left blank (default)<\/h5>\n[\/vc_column_text][image_with_animation image_url=”10173″ 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
Inner row minimum width set to 40vw<\/h5>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Z-index” id=”1700192332067-0″ tab_id=”1700192332067-8″][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 row. This can come in handy when you have a setup in which rows overlap and you want to specify which row will display on top.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Extra Class Name” id=”1700192332090-7″ tab_id=”1700192332090-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=”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 row. This is useful for when you need to target a specific row in your setup for additional CSS tweaking.[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/tab][tab icon_family=”none” title=”Row ID” id=”1700192332114-9″ tab_id=”1700192332114-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=”row-id”][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
Row ID<\/h3>\n
Disable Row<\/h3>\n