: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
current_background_color_gradient_direction_radial_bottom = typeof et_pb_background_color_gradient_direction_radial_%1$s !== \'undefined\' && \'bottom\' === et_pb_background_color_gradient_direction_radial_%1$s ? \' selected="selected"\' : \'\';
current_background_color_gradient_direction_radial_bottom_left = typeof et_pb_background_color_gradient_direction_radial_%1$s !== \'undefined\' && \'bottom left\' === et_pb_background_color_gradient_direction_radial_%1$s ? \' selected="selected"\' : \'\';
current_background_color_gradient_direction_radial_left = typeof et_pb_background_color_gradient_direction_radial_%1$s !== \'undefined\' && \'left\' === et_pb_background_color_gradient_direction_radial_%1$s ? \' selected="selected"\' : \'\';
current_background_color_gradient_start_position = typeof et_pb_background_color_gradient_start_position_%1$s !== \'undefined\' ? et_pb_background_color_gradient_start_position_%1$s : \'%5$s\';
current_background_color_gradient_end_position = typeof et_pb_background_color_gradient_end_position_%1$s !== \'undefined\' ? et_pb_background_color_gradient_end_position_%1$s : \'%6$s\';
current_background_color_gradient_overlays_image = typeof et_pb_background_color_gradient_overlays_image_%1$s !== \'undefined\' && \'on\' === et_pb_background_color_gradient_overlays_image_%1$s ? \' selected="selected"\' : \'\';
current_background_video_mp4 = typeof et_pb_background_video_mp4_%1$s !== \'undefined\' ? et_pb_background_video_mp4_%1$s : \'\';
current_background_video_webm = typeof et_pb_background_video_webm_%1$s !== \'undefined\' ? et_pb_background_video_webm_%1$s : \'\';
current_background_video_width = typeof et_pb_background_video_width_%1$s !== \'undefined\' ? et_pb_background_video_width_%1$s : \'\';
current_background_video_height = typeof et_pb_background_video_height_%1$s !== \'undefined\' ? et_pb_background_video_height_%1$s : \'\';
current_allow_played_pause = typeof et_pb_allow_player_pause_%1$s !== \'undefined\' && \'on\' === et_pb_allow_player_pause_%1$s ? \' selected="selected"\' : \'\';
current_background_video_pause_outside_viewport = typeof et_pb_background_video_pause_outside_viewport_%1$s !== \'undefined\' && \'off\' === et_pb_background_video_pause_outside_viewport_%1$s ? \' selected="selected"\' : \'\';
current_value_parallax = typeof et_pb_parallax_%1$s !== \'undefined\' && \'on\' === et_pb_parallax_%1$s ? \' selected="selected"\' : \'\';
current_value_parallax_method = typeof et_pb_parallax_method_%1$s !== \'undefined\' && \'on\' !== et_pb_parallax_method_%1$s ? \' selected="selected"\' : \'\';
esc_attr( ET_Global_Settings::get_value( 'all_background_gradient_start' ) ),
esc_attr( ET_Global_Settings::get_value( 'all_background_gradient_end' ) ),
esc_attr( ET_Global_Settings::get_value( 'all_background_gradient_direction' ) ),
esc_attr( ET_Global_Settings::get_value( 'all_background_gradient_start_position' ) ), // #5
esc_attr( ET_Global_Settings::get_value( 'all_background_gradient_end_position' ) )
function generate_column_vars_padding() {
for ( $i = 1; $i < 4; $i++ ) {
current_value_pt = typeof et_pb_padding_top_%1$s !== \'undefined\' ? et_pb_padding_top_%1$s : \'\',
current_value_pr = typeof et_pb_padding_right_%1$s !== \'undefined\' ? et_pb_padding_right_%1$s : \'\',
current_value_pb = typeof et_pb_padding_bottom_%1$s !== \'undefined\' ? et_pb_padding_bottom_%1$s : \'\',
current_value_pl = typeof et_pb_padding_left_%1$s !== \'undefined\' ? et_pb_padding_left_%1$s : \'\',
current_value_padding_tablet = typeof et_pb_padding_%1$s_tablet !== \'undefined\' ? et_pb_padding_%1$s_tablet : \'\',
current_value_padding_phone = typeof et_pb_padding_%1$s_phone !== \'undefined\' ? et_pb_padding_%1$s_phone : \'\',
last_edited_padding_field = typeof et_pb_padding_%1$s_last_edited !== \'undefined\' ? et_pb_padding_%1$s_last_edited : \'\',
has_tablet_padding = typeof et_pb_padding_%1$s_tablet !== \'undefined\' ? \'yes\' : \'no\',
has_phone_padding = typeof et_pb_padding_%1$s_phone !== \'undefined\' ? \'yes\' : \'no\';
function generate_columns_settings_background() {
'<%% var columns = typeof columns_layout !== \'undefined\' ? columns_layout.split(",") : [],
_.each( columns, function ( column_type ) {
current_value_parallax_method,
current_background_size_cover,
current_background_size_contain,
current_background_size_initial,
current_background_position_topleft,
current_background_position_topcenter,
current_background_position_topright,
current_background_position_centerleft,
current_background_position_center,
current_background_position_centerright,
current_background_position_bottomleft,
current_background_position_bottomcenter,
current_background_position_bottomright,
current_background_repeat_repeat,
current_background_repeat_repeatx,
current_background_repeat_repeaty,
current_background_repeat_space,
current_background_repeat_round,
current_background_repeat_norepeat,
current_background_blend_normal,
current_background_blend_multiply,
current_background_blend_screen,
current_background_blend_overlay,
current_background_blend_darken,
current_background_blend_lighten,
current_background_blend_colordodge,
current_background_blend_colorburn,
current_background_blend_hardlight,
current_background_blend_softlight,
current_background_blend_difference,
current_background_blend_exclusion,
current_background_blend_hue,
current_background_blend_saturation,
current_background_blend_color,
current_background_blend_luminosity,
current_use_background_color_gradient,
current_background_color_gradient_start,
current_background_color_gradient_end,
current_background_color_gradient_type,
current_background_color_gradient_direction,
current_background_color_gradient_direction_radial_center,
current_background_color_gradient_direction_radial_top_left,
current_background_color_gradient_direction_radial_top,
current_background_color_gradient_direction_radial_top_right,
current_background_color_gradient_direction_radial_right,
current_background_color_gradient_direction_radial_bottom_right,
current_background_color_gradient_direction_radial_bottom,
current_background_color_gradient_direction_radial_bottom_left,
current_background_color_gradient_direction_radial_left,
current_background_color_gradient_start_position,
current_background_color_gradient_end_position,
current_background_color_gradient_overlays_image,
current_background_video_mp4,
current_background_video_webm,
current_background_video_width,
current_background_video_height,
current_allow_played_pause,
current_background_video_pause_outside_viewport;
$this->generate_column_vars_bg()
'<ul class="et_pb_background-tab-navs">
<a href="#" class="et_pb_background-tab-nav et_pb_background-tab-nav--color" data-tab="color" title="%1$s">
<a href="#" class="et_pb_background-tab-nav et_pb_background-tab-nav--gradient" data-tab="gradient" title="%2$s">
<a href="#" class="et_pb_background-tab-nav et_pb_background-tab-nav--image" data-tab="image" title="%3$s">
<a href="#" class="et_pb_background-tab-nav et_pb_background-tab-nav--video" data-tab="video" title="%4$s">
et_builder_i18n( 'Color' ),
esc_html__( 'Gradient', 'et_builder' ),
et_builder_i18n( 'Image' ),
esc_html__( 'Video', 'et_builder' ),
$this->get_icon( 'background-color' ),
$this->get_icon( 'background-gradient' ),
$this->get_icon( 'background-image' ),
$this->get_icon( 'background-video' )
'<div class="et_pb_background-tab et_pb_background-tab--color" data-tab="color">
<div class="et_pb_background-option et_pb_background-option--background_color et-pb-option et-pb-option--background_color et-pb-option--has-preview">
<label for="et_pb_background_color">%1$s: </label>
<div class="et-pb-option-container et-pb-option-container--color-alpha">
<div class="et-pb-option-preview et-pb-option-preview--empty">
<button class="et-pb-option-preview-button et-pb-option-preview-button--add">
<button class="et-pb-option-preview-button et-pb-option-preview-button--edit">
<button class="et-pb-option-preview-button et-pb-option-preview-button--delete">
<input id="et_pb_background_color_<%%= counter %%>" class="et-pb-color-picker-hex et-pb-color-picker-hex-alpha et-pb-color-picker-hex-has-preview" type="text" data-alpha="true" placeholder="%5$s" data-selected-value="" value="<%%= current_value_bg %%>">
esc_html__( 'Background Color', 'et_builder' ),
$this->get_icon( 'add' ),
$this->get_icon( 'setting' ),
$this->get_icon( 'delete' ),
esc_html__( 'Hex Value', 'et_builder' )
'<div class="et_pb_background-tab et_pb_background-tab--gradient" data-tab="gradient">
<div class="et-pb-option-preview et-pb-option-preview--empty">
<button class="et-pb-option-preview-button et-pb-option-preview-button--add">
<button class="et-pb-option-preview-button et-pb-option-preview-button--swap">
<button class="et-pb-option-preview-button et-pb-option-preview-button--delete">
<div class="et_pb_background-option et_pb_background-option--use_background_color_gradient et_pb_background-template--use_color_gradient et-pb-option et-pb-option--use_background_color_gradient">
<label for="et_pb_use_background_color_gradient_<%%= counter %%>">%4$s: </label>
<div class="et-pb-option-container et-pb-option-container--yes_no_button">
<div class="et_pb_yes_no_button_wrapper ">
<div class="et_pb_yes_no_button et_pb_off_state">
<span class="et_pb_value_text et_pb_on_value">%5$s</span>
<span class="et_pb_button_slider"></span>
<span class="et_pb_value_text et_pb_off_value">%6$s</span>
<select name="et_pb_use_background_color_gradient_<%%= counter %%>" id="et_pb_use_background_color_gradient_<%%= counter %%>" class="et-pb-main-setting regular-text et-pb-affects" data-affects="background_color_gradient_start_<%%= counter %%>, background_color_gradient_end_<%%= counter %%>, background_color_gradient_start_position_<%%= counter %%>, background_color_gradient_end_position_<%%= counter %%>, background_color_gradient_type_<%%= counter %%>, background_color_gradient_overlays_image_<%%= counter %%>" data-default="off">
<option value="off">%6$s</option>
<option value="on" <%%= current_use_background_color_gradient %%>>%5$s</option>
</div><span class="et-pb-reset-setting"></span>
<div class="et_pb_background-option et_pb_background-option--background_color_gradient_start et_pb_background-template--color_gradient_start et-pb-option et-pb-option--background_color_gradient_start" data-depends_show_if="on">
<label for="et_pb_background_color_gradient_start_<%%= counter %%>">%7$s: </label>
<div class="et-pb-option-container et-pb-option-container--color-alpha">
<div class="wp-picker-container">
<input id="et_pb_background_color_gradient_start_<%%= counter %%>" class="et-pb-color-picker-hex et-pb-color-picker-hex-alpha et-pb-main-setting" type="text" data-alpha="true" placeholder="%8$s" data-selected-value="<%%= current_background_color_gradient_start %%>" value="<%%= current_background_color_gradient_start %%>" data-default-color="%26$s" data-default="%26$s">
<span class="et-pb-reset-setting"></span>
<div class="et_pb_background-option et_pb_background-option--background_color_gradient_end et_pb_background-template--color_gradient_end et-pb-option et-pb-option--background_color_gradient_end" data-depends_show_if="on">
<label for="et_pb_background_color_gradient_end_<%%= counter %%>">%9$s: </label>
<div class="et-pb-option-container et-pb-option-container--color-alpha">
<div class="wp-picker-container">
<input id="et_pb_background_color_gradient_end_<%%= counter %%>" class="et-pb-color-picker-hex et-pb-color-picker-hex-alpha et-pb-main-setting" type="text" data-alpha="true" placeholder="%8$s" data-selected-value="<%%= current_background_color_gradient_end %%>" value="<%%= current_background_color_gradient_end %%>" data-default-color="%27$s" data-default="%27$s">
<span class="et-pb-reset-setting"></span>
<div class="et_pb_background-option et_pb_background-option--background_color_gradient_type et_pb_background-template--color_gradient_type et-pb-option et-pb-option--background_color_gradient_type" data-depends_show_if="on">
<label for="et_pb_background_color_gradient_type_<%%= counter %%>">%10$s: </label>
<div class="et-pb-option-container et-pb-option-container--select">
<select name="et_pb_background_color_gradient_type_<%%= counter %%>" id="et_pb_background_color_gradient_type_<%%= counter %%>" class="et-pb-main-setting et-pb-affects" data-affects="background_color_gradient_direction_<%%= counter %%>, background_color_gradient_direction_radial_<%%= counter %%>" data-default="linear">
<option value="linear">%11$s</option>
<option value="radial" <%%= current_background_color_gradient_type %%>>%12$s</option>
<span class="et-pb-reset-setting"></span>
<div class="et_pb_background-option et_pb_background-option--background_color_gradient_direction et_pb_background-template--color_gradient_direction et-pb-option et-pb-option--background_color_gradient_direction" data-depends_show_if="linear">
<label for="et_pb_background_color_gradient_direction_<%%= counter %%>">%13$s: </label>
<div class="et-pb-option-container et-pb-option-container--range">
<input type="range" class="et-pb-main-setting et-pb-range et-pb-fixed-range" data-default="180" value="<%%= current_background_color_gradient_direction %%>" min="0" max="360" step="1">
<input id="et_pb_background_color_gradient_direction_<%%= counter %%>" type="text" class="regular-text et-pb-validate-unit et-pb-range-input" value="<%%= current_background_color_gradient_direction %%>" data-default="180deg">
<span class="et-pb-reset-setting"></span>
<div class="et_pb_background-option et_pb_background-option--background_color_gradient_direction_radial et_pb_background-template--color_gradient_direction_radial et-pb-option et-pb-option--background_color_gradient_direction_radial" data-depends_show_if="radial">
<label for="et_pb_background_color_gradient_direction_radial_<%%= counter %%>">%14$s: </label>
<div class="et-pb-option-container et-pb-option-container--select">
<select name="et_pb_background_color_gradient_direction_radial_<%%= counter %%>" id="et_pb_background_color_gradient_direction_radial_<%%= counter %%>" class="et-pb-main-setting" data-default="center">
<option value="center" <%%= current_background_color_gradient_direction_radial_center %%>>%15$s</option>
<option value="top left" <%%= current_background_color_gradient_direction_radial_top_left %%>>%16$s</option>
<option value="top" <%%= current_background_color_gradient_direction_radial_top %%>>%17$s</option>
<option value="top right" <%%= current_background_color_gradient_direction_radial_top_right %%>>%18$s</option>
<option value="right" <%%= current_background_color_gradient_direction_radial_right %%>>%19$s</option>
<option value="bottom right" <%%= current_background_color_gradient_direction_radial_bottom_right %%>>%20$s</option>
<option value="bottom" <%%= current_background_color_gradient_direction_radial_bottom %%>>%21$s</option>
<option value="bottom left" <%%= current_background_color_gradient_direction_radial_bottom_left %%>>%22$s</option>
<option value="left" <%%= current_background_color_gradient_direction_radial_left %%>>%23$s</option>
<span class="et-pb-reset-setting"></span>
<div class="et_pb_background-option et_pb_background-option--background_color_gradient_start_position et_pb_background-template--color_gradient_start_position et-pb-option et-pb-option--background_color_gradient_start_position" data-depends_show_if="on">
<label for="et_pb_background_color_gradient_start_position_<%%= counter %%>">%24$s: </label>
<div class="et-pb-option-container et-pb-option-container--range">
<input type="range" class="et-pb-main-setting et-pb-range et-pb-fixed-range" data-default="0" value="<%%= parseInt( current_background_color_gradient_start_position.trim() ) %%>" min="0" max="100" step="1">
<input id="et_pb_background_color_gradient_start_position_<%%= counter %%>" type="text" class="regular-text et-pb-validate-unit et-pb-range-input" value="<%%= current_background_color_gradient_start_position %%>" data-default="0%%">
<span class="et-pb-reset-setting"></span>
<div class="et_pb_background-option et_pb_background-option--background_color_gradient_end_position et_pb_background-template--color_gradient_end_position et-pb-option et-pb-option--background_color_gradient_end_position" data-depends_show_if="on">
<label for="et_pb_background_color_gradient_end_position_<%%= counter %%>">%25$s: </label>
<div class="et-pb-option-container et-pb-option-container--range">
<input type="range" class="et-pb-main-setting et-pb-range et-pb-fixed-range" data-default="100" value="<%%= parseInt( current_background_color_gradient_end_position.trim() ) %%>" min="0" max="100" step="1">
<input id="et_pb_background_color_gradient_end_position_<%%= counter %%>" type="text" class="regular-text et-pb-validate-unit et-pb-range-input" value="<%%= current_background_color_gradient_end_position %%>" data-default="100%%">
<span class="et-pb-reset-setting"></span>
<div class="et_pb_background-option et_pb_background-option--background_color_gradient_overlays_image et_pb_background-template--use_color_gradient et-pb-option et-pb-option--background_color_gradient_overlays_image">
<label for="et_pb_background_color_gradient_overlays_image_<%%= counter %%>">%35$s: </label>
<div class="et-pb-option-container et-pb-option-container--yes_no_button">
<div class="et_pb_yes_no_button_wrapper ">
<div class="et_pb_yes_no_button et_pb_off_state">
<span class="et_pb_value_text et_pb_on_value">%5$s</span>
<span class="et_pb_button_slider"></span>
<span class="et_pb_value_text et_pb_off_value">%6$s</span>
<select name="et_pb_background_color_gradient_overlays_image_<%%= counter %%>" id="et_pb_background_color_gradient_overlays_image_<%%= counter %%>" class="et-pb-main-setting regular-text" data-depends_show_if="on" data-default="off">
<option value="off">%6$s</option>
<option value="on" <%%= current_background_color_gradient_overlays_image %%>>%5$s</option>
</div><span class="et-pb-reset-setting"></span>
$this->get_icon( 'add' ),
$this->get_icon( 'swap' ),
$this->get_icon( 'delete' ),
esc_html__( 'Background Gradient', 'et_builder' ),
et_builder_i18n( 'On' ), // #5
et_builder_i18n( 'Off' ),
esc_html__( 'Gradient Start', 'et_builder' ),
esc_html__( 'Hex Value', 'et_builder' ),
esc_html__( 'Gradient End', 'et_builder' ),
esc_html__( 'Gradient Type', 'et_builder' ), // #10
et_builder_i18n( 'Linear' ),
et_builder_i18n( 'Radial' ),
esc_html__( 'Gradient Direction', 'et_builder' ),
esc_html__( 'Radial Direction', 'et_builder' ),
et_builder_i18n( 'Center' ), // #15
et_builder_i18n( 'Top Left' ),
et_builder_i18n( 'Top' ),
et_builder_i18n( 'Top Right' ),
et_builder_i18n( 'Right' ),
et_builder_i18n( 'Bottom Right' ), // #20
et_builder_i18n( 'Bottom' ),
et_builder_i18n( 'Bottom Left' ),
et_builder_i18n( 'Left' ),
esc_html__( 'Start Position', 'et_builder' ),
esc_html__( 'End Position', 'et_builder' ), // #25
esc_attr( ET_Global_Settings::get_value( 'all_background_gradient_start' ) ),
esc_attr( ET_Global_Settings::get_value( 'all_background_gradient_end' ) ),
esc_attr( ET_Global_Settings::get_value( 'all_background_gradient_type' ) ),
esc_attr( ET_Global_Settings::get_value( 'all_background_gradient_direction' ) ),
esc_attr( ET_Global_Settings::get_value( 'all_background_gradient_direction_radial' ) ), // #30
esc_attr( ET_Global_Settings::get_value( 'all_background_gradient_start_position' ) ),
esc_attr( intval( ET_Global_Settings::get_value( 'all_background_gradient_start_position' ) ) ),
esc_attr( ET_Global_Settings::get_value( 'all_background_gradient_end_position' ) ),
esc_attr( intval( ET_Global_Settings::get_value( 'all_background_gradient_end_position' ) ) ),
esc_html__( 'Place Gradient Above Background Image', 'et_builder' ) // #35
$select_background_size = sprintf(
'<select name="et_pb_background_size_<%%= counter %%>" id="et_pb_background_size_<%%= counter %%>" class="et-pb-main-setting" data-default="cover">
<option value="cover"<%%= current_background_size_cover %%>>%1$s</option>
<option value="contain"<%%= current_background_size_contain %%>>%2$s</option>
<option value="initial"<%%= current_background_size_initial %%>>%3$s</option>
esc_html__( 'Cover', 'et_builder' ),
esc_html__( 'Fit', 'et_builder' ),
esc_html__( 'Actual Size', 'et_builder' )
$select_background_position = sprintf(
'<select name="et_pb_background_position_<%%= counter %%>" id="et_pb_background_position_<%%= counter %%>" class="et-pb-main-setting" data-default="center">
<option value="top_left"<%%= current_background_position_topleft %%>>%1$s</option>
<option value="top_center"<%%= current_background_position_topcenter %%>>%2$s</option>
<option value="top_right"<%%= current_background_position_topright %%>>%3$s</option>
<option value="center_left"<%%= current_background_position_centerleft %%>>%4$s</option>
<option value="center"<%%= current_background_position_center %%>>%5$s</option>
<option value="center_right"<%%= current_background_position_centerright %%>>%6$s</option>
<option value="bottom_left"<%%= current_background_position_bottomleft %%>>%7$s</option>
<option value="bottom_center"<%%= current_background_position_bottomcenter %%>>%8$s</option>
<option value="bottom_right"<%%= current_background_position_bottomright %%>>%9$s</option>
et_builder_i18n( 'Top Left' ),
et_builder_i18n( 'Top Center' ),
et_builder_i18n( 'Top Right' ),
et_builder_i18n( 'Center Left' ),
et_builder_i18n( 'Center' ),
et_builder_i18n( 'Center Right' ),
et_builder_i18n( 'Bottom Left' ),
et_builder_i18n( 'Bottom Center' ),
et_builder_i18n( 'Bottom Right' )
$select_background_repeat = sprintf(
'<select name="et_pb_background_repeat_<%%= counter %%>" id="et_pb_background_repeat_<%%= counter %%>" class="et-pb-main-setting" data-default="repeat">
<option value="no-repeat"<%%= current_background_repeat_norepeat %%>>%1$s</option>
<option value="repeat"<%%= current_background_repeat_repeat %%>>%2$s</option>
<option value="repeat-x"<%%= current_background_repeat_repeatx %%>>%3$s</option>
<option value="repeat-y"<%%= current_background_repeat_repeaty %%>>%4$s</option>
<option value="space"<%%= current_background_repeat_space %%>>%5$s</option>
<option value="round"<%%= current_background_repeat_round %%>>%6$s</option>
esc_html__( 'No Repeat', 'et_builder' ),
esc_html__( 'Repeat', 'et_builder' ),
esc_html__( 'Repeat X (horizontal)', 'et_builder' ),
esc_html__( 'Repeat Y (vertical)', 'et_builder' ),
et_builder_i18n( 'Space' ),
esc_html__( 'Round', 'et_builder' )
$select_background_blend = sprintf(
'<select name="et_pb_background_blend_<%%= counter %%>" id="et_pb_background_blend_<%%= counter %%>" class="et-pb-main-setting" data-default="normal">
<option value="normal"<%%= current_background_blend_normal %%>>%1$s</option>
<option value="multiply"<%%= current_background_blend_multiply %%>>%2$s</option>
<option value="screen"<%%= current_background_blend_screen %%>>%3$s</option>
<option value="overlay"<%%= current_background_blend_overlay %%>>%4$s</option>
<option value="darken"<%%= current_background_blend_darken %%>>%5$s</option>
<option value="lighten"<%%= current_background_blend_lighten %%>>%6$s</option>
<option value="color-dodge"<%%= current_background_blend_colordodge %%>>%7$s</option>
<option value="color-burn"<%%= current_background_blend_colorburn %%>>%8$s</option>
<option value="hard-light"<%%= current_background_blend_hardlight %%>>%9$s</option>
<option value="soft-light"<%%= current_background_blend_softlight %%>>%10$s</option>
<option value="difference"<%%= current_background_blend_difference %%>>%11$s</option>
<option value="exclusion"<%%= current_background_blend_exclusion %%>>%12$s</option>
<option value="hue"<%%= current_background_blend_hue %%>>%13$s</option>
<option value="saturation"<%%= current_background_blend_saturation %%>>%14$s</option>
<option value="color"<%%= current_background_blend_color %%>>%15$s</option>
<option value="luminosity"<%%= current_background_blend_luminosity %%>>%16$s</option>
et_builder_i18n( 'Normal' ),
et_builder_i18n( 'Multiply' ),
et_builder_i18n( 'Screen' ),
et_builder_i18n( 'Overlay' ),
et_builder_i18n( 'Darken' ),
et_builder_i18n( 'Lighten' ),
et_builder_i18n( 'Color Dodge' ),
et_builder_i18n( 'Color Burn' ),
et_builder_i18n( 'Hard Light' ),
et_builder_i18n( 'Soft Light' ),
et_builder_i18n( 'Difference' ),
et_builder_i18n( 'Exclusion' ),
et_builder_i18n( 'Hue' ),
et_builder_i18n( 'Saturation' ),
et_builder_i18n( 'Color' ),
et_builder_i18n( 'Luminosity' )
'<div class="et_pb_background-tab et_pb_background-tab--image" data-tab="image">
<div class="et_pb_background-option et_pb_background-option--background_image et-pb-option et-pb-option--background_image et-pb-option--has-preview">
<label for="et_pb_bg_img_<%%= counter %%>">%1$s: </label>
<div class="et-pb-option-container et-pb-option-container--upload">
<div class="et-pb-option-preview et-pb-option-preview--empty">
<button class="et-pb-option-preview-button et-pb-option-preview-button--add">
<button class="et-pb-option-preview-button et-pb-option-preview-button--edit">
<button class="et-pb-option-preview-button et-pb-option-preview-button--delete">
<input id="et_pb_bg_img_<%%= counter %%>" type="text" class="et-pb-main-setting regular-text et-pb-upload-field" value="<%%= current_value_bg_img %%>">
<input type="button" class="button button-upload et-pb-upload-button" value="%5$s" data-choose="%6$s" data-update="%7$s" data-type="image">
<span class="et-pb-reset-setting" style="display: none;"></span>
<div class="et_pb_background-option et_pb_background-option--parallax et_pb_background-template--parallax et-pb-option et-pb-option--parallax">
<label for="et_pb_parallax_<%%= counter %%>">%8$s: </label>
<div class="et-pb-option-container et-pb-option-container--yes_no_button">
<div class="et_pb_yes_no_button_wrapper ">
<div class="et_pb_yes_no_button et_pb_off_state">
<span class="et_pb_value_text et_pb_on_value">%9$s</span>
<span class="et_pb_button_slider"></span>
<span class="et_pb_value_text et_pb_off_value">%10$s</span>
<select name="et_pb_parallax_<%%= counter %%>" id="et_pb_parallax_<%%= counter %%>" class="et-pb-main-setting regular-text et-pb-affects" data-affects="parallax_method_<%%= counter %%>, background_size_<%%= counter %%>, background_position_<%%= counter %%>, background_repeat_<%%= counter %%>, background_blend_<%%= counter %%>" data-default="off">
<option value="off">%10$s</option>
<option value="on" <%%= current_value_parallax %%>>%9$s</option>
</div><span class="et-pb-reset-setting"></span>
<div class="et_pb_background-option et_pb_background-option--parallax_method et_pb_background-template--parallax_method et-pb-option et-pb-option--parallax_method" data-depends_show_if="on">
<label for="et_pb_parallax_method_<%%= counter %%>">%11$s: </label>
<div class="et-pb-option-container et-pb-option-container--select">
<select name="et_pb_parallax_method_<%%= counter %%>" id="et_pb_parallax_method_<%%= counter %%>" class="et-pb-main-setting" data-default="on">
<option value="on">%12$s</option>
<option value="off" <%%= current_value_parallax_method %%>>%13$s</option>
<span class="et-pb-reset-setting" style="display: none;"></span>
<div class="et_pb_background-option et_pb_background-option--background_size et_pb_background-template--size et-pb-option et-pb-option--background_size" data-depends_show_if="off" data-option_name="background_size">
<label for="et_pb_background_size">%14$s:</label>
<div class="et-pb-option-container et-pb-option-container--select">
<div class="et_pb_background-option et_pb_background-option--background_position et_pb_background-template--position et-pb-option et-pb-option--background_position" data-depends_show_if="off" data-option_name="background_position">
<label for="et_pb_background_position">%16$s:</label>
<div class="et-pb-option-container et-pb-option-container--select">
<div class="et_pb_background-option et_pb_background-option--background_repeat et_pb_background-template--repeat et-pb-option et-pb-option--background_repeat" data-depends_show_if="off" data-option_name="background_repeat">
<label for="et_pb_background_repeat">%18$s:</label>
<div class="et-pb-option-container et-pb-option-container--select">
<div class="et_pb_background-option et_pb_background-option--background_blend et_pb_background-template--blend et-pb-option et-pb-option--background_blend" data-depends_show_if="off" data-option_name="background_blend">
<label for="et_pb_background_blend">%20$s: </label>
<div class="et-pb-option-container et-pb-option-container--select">
esc_html__( 'Background Image', 'et_builder' ),
$this->get_icon( 'add' ),
$this->get_icon( 'setting' ),
$this->get_icon( 'delete' ),
et_builder_i18n( 'Upload an image' ), // #5
esc_html__( 'Choose a Background Image', 'et_builder' ),
esc_html__( 'Set As Background', 'et_builder' ),
esc_html__( 'Use Parallax Effect', 'et_builder' ),