| Server IP : 192.64.118.117 / Your IP : 18.216.130.198 Web Server : LiteSpeed System : Linux premium56.web-hosting.com 4.18.0-513.24.1.lve.1.el8.x86_64 #1 SMP Thu May 9 15:10:09 UTC 2024 x86_64 User : thecgapy ( 1160) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/thecgapy/mobilecreationz.com/wordpress1/wp-content/themes/Divi/js/ |
Upload File : |
/**
* Theme Customizer enhancements for a better user experience.
*
* Contains handlers to make Theme Customizer preview reload changes asynchronously.
*/
( function( $ ) {
var $et_pb_section = $( '.et_pb_section' ),
$et_transparent_nav = $( '.et_transparent_nav' ),
$et_footer_info = $('#footer-info'),
et_footer_info_original_html = et_main_customizer_data.original_footer_credits;
var isCustomPostType = false;
var selectorWrapper = '';
if ( ! $et_footer_info.length ) {
$( '#footer-bottom .container' ).prepend( '<p id="footer-info"></p>' );
$et_footer_info = $('#footer-info');
}
function et_remove_element_class( prefix, el ) {
var $element = typeof el === 'undefined' ? $( 'body' ) : $( el ),
el_classes = $element.attr( 'class' ),
el_class;
regex = new RegExp( prefix + '[^\\s]+', 'g' );
el_class = el_classes.replace( regex, '' );
$element.attr( 'class', $.trim( el_class ) );
}
function et_fix_page_top_padding() {
setTimeout( function() {
var $body = $( 'body' ),
$pagecontainer = $( '#page-container' ),
$top_header = $( '#top-header' ),
$main_header = $( '#main-header' ),
secondary_nav_height = $top_header.length && $top_header.is(':visible') ? $top_header.innerHeight() : 0;
if ( !$body.hasClass('et_hide_nav') && ! window.et_is_vertical_nav && $body.hasClass( 'et_fixed_nav' ) ) {
$pagecontainer.css( 'paddingTop', $main_header.innerHeight() + secondary_nav_height );
$main_header.css( 'top', secondary_nav_height );
} else if ( window.et_is_vertical_nav ) {
$pagecontainer.css( 'paddingTop', 0 );
$main_header.css( 'top', 0 );
} else {
$pagecontainer.css( 'paddingTop', 0 );
}
et_fix_page_container_position();
}, 550 );
}
// Fixing logo height size
function et_fix_logo_height() {
var header_style = typeof wp.customize.value( 'et_divi[header_style]' )() === 'undefined' ? 'left' : wp.customize.value( 'et_divi[header_style]' )(),
menu_height = typeof wp.customize.value( 'et_divi[menu_height]' )() === 'undefined' ? 66 : parseInt( wp.customize.value( 'et_divi[menu_height]' )() ),
fixed_menu_height = ! $('#fixed_menu_height').length || typeof wp.customize.value( 'et_divi[minimized_menu_height]' )() === 'undefined' ? 40 : parseInt( wp.customize.value( 'et_divi[minimized_menu_height]' )() ),
logo_height = typeof wp.customize.value( 'et_divi[logo_height]' )() === 'undefined' ? 54 : parseInt( wp.customize.value( 'et_divi[logo_height]' )() ),
$body = $('body'),
is_rtl = $body.hasClass( 'rtl' ),
$et_top_navigation = $('#et-top-navigation'),
et_top_nav_padding = is_rtl ? 'paddingRight' : 'paddingLeft',
logo_width = 30;
style_id = "style#logo_height_style",
style_content = '<style id="logo_height_style">',
top_nav_padding_value = '';
if ( header_style === 'left' || header_style === 'slide' || header_style === 'fullscreen' ) {
style_content += "#logo { max-height: " + logo_height + "%; }\ ";
style_content += ".et_pb_svg_logo #logo { height: " + logo_height + "%; }\ ";
}
if ( header_style === 'centered' ) {
style_content += ".et_header_style_centered #logo { max-height: " + logo_height + "%; }\ ";
style_content += ".et_pb_svg_logo.et_header_style_centered #logo { height: " + logo_height + "%; }\ ";
}
if ( header_style === 'split' ) {
style_content += "body.et_header_style_split .centered-inline-logo-wrap { width: auto; height: " + ( ( ( menu_height / 100 ) * logo_height ) + 14 ) + "px; }\ ";
style_content += "body.et_header_style_split .et-fixed-header .centered-inline-logo-wrap { width: auto; height: " + ( ( ( fixed_menu_height / 100 ) * logo_height ) + 14 ) + "px; }\ ";
style_content += "body.et_header_style_split .centered-inline-logo-wrap #logo { height: auto; max-height: 100%; }\ ";
style_content += "body.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo { height: auto; max-height: 100%; }\ ";
// Removes inline width styling
$( '.et_header_style_split .centered-inline-logo-wrap' ).css({ 'width' : '' });
}
if ( window.et_is_vertical_nav ) {
style_content += "#main-header .logo_container { width: " + logo_height + "%; }\ ";
style_content += ".et_header_style_centered #main-header .logo_container, .et_header_style_split #main-header .logo_container { margin: 0 auto; }\ ";
}
style_content += '</style>';
// Append / refresh logo height
et_customizer_update_styles( style_id, style_content );
setTimeout( function() {
// Update inline styling
if ( header_style === 'left' && ! window.et_is_vertical_nav || header_style === 'slide' || header_style === 'fullscreen' ) {
// Update logo height
logo_width += $( '#logo' ).width();
top_nav_padding_value = logo_width;
}
$et_top_navigation.css( et_top_nav_padding, top_nav_padding_value );
}, 700 );
}
// Retrieving padding/margin value based on formatted saved padding/margin strings
function et_get_saved_padding_margin_value( saved_value, order ) {
if ( typeof saved_value === 'undefined' ) {
return false;
}
var values = saved_value.split('|');
return typeof values[order] !== 'undefined' ? values[order] : false;
}
// Calculate fixed header height by cloning, emulating, and calculating its height
function et_fix_saved_main_header_height( state ) {
var is_desktop_view = $(window).width() > 980,
main_header_height = 0,
$main_header = $('#main-header'),
data_attribute = state === 'fixed' ? 'data-fixed-height-onload' : 'data-height-onload',
main_header_clone_classname = state === 'fixed' ? 'main-header-clone et-fixed-header' : 'main-header-clone',
$main_header_clone = $main_header.clone().addClass( main_header_clone_classname );
if ( is_desktop_view ) {
if ( state === 'fixed' ) {
$main_header_clone.css({
opacity: 0,
position: 'fixed',
top: 'auto',
right: 0,
bottom: 0,
left: 0
}).appendTo( $('body') );
} else {
$main_header_clone.css({
opacity: 0,
position: 'absolute',
top: 0,
right: 0,
bottom: 'auto',
left: 0
}).prependTo( $('body') );
}
main_header_height = $main_header_clone.height();
$main_header_clone.remove();
$main_header.attr( data_attribute, main_header_height );
}
}
// Fixing main header's alpha to fixed background color transition
function et_fix_page_container_position(){
var $et_pb_slider = $( '.et_pb_slider' ),
$top_header = $('#top-header'),
$main_header = $('#main-header'),
$main_header_innerheight = $main_header.innerHeight(),
$main_container_wrapper = $( '#page-container' ),
$et_transparent_nav = $( '.et_transparent_nav' ),
$et_transparent_nav_length = $et_transparent_nav.length,
$et_pb_first_row = $( 'body.et_pb_pagebuilder_layout .et_pb_section:first-child' ),
$et_pb_first_row_length = $et_pb_first_row.length,
$et_pb_first_row_first_module = $et_pb_first_row.children( '.et_pb_module:first' ),
$et_main_content_first_row = $( '#main-content .container:first-child' ),
$et_main_content_first_row_length = $et_main_content_first_row.length,
$et_main_content_first_row_meta_wrapper = $et_main_content_first_row.find('.et_post_meta_wrapper:first'),
$et_main_content_first_row_meta_wrapper_title = $et_main_content_first_row_meta_wrapper.find( 'h1' ),
$et_main_content_first_row_content = $et_main_content_first_row.find('.entry-content:first'),
$et_single_post = $( 'body.single-post' ),
$et_window = $(window),
et_window_width = $et_window.width(),
secondary_nav_height = $top_header.length && $top_header.is( ':visible' ) ? $top_header.innerHeight() : 0,
inline_style = "<style id='et_fix_page_container_position'>",
$inline_style = $('#et_fix_page_container_position'),
$inline_style_length = $inline_style.length,
$et_pb_post_fullwidth = $( '.single.et_pb_pagebuilder_layout.et_full_width_page' ),
is_fixed_nav = $('body').hasClass('et_fixed_nav'),
is_nav_vertical_to_horizontal = $('body').hasClass( 'nav-vertical-to-horizontal' );
// Set data-height-onload for header if the page is loaded on large screen
// If the page is loaded from small screen, rely on data-height-onload printed on the markup,
// prevent window resizing issue from small to large
if ( et_window_width > 980 && ! $main_header.attr( 'data-height-loaded' ) ) {
$main_header.attr({ 'data-height-onload' : $main_header_innerheight, 'data-height-loaded' : true });
}
// Use on page load calculation for large screen. Use on the fly calculation for small screen (980px below)
if ( et_window_width <= 980 ) {
var header_height = $main_header_innerheight + secondary_nav_height - 1;
// If transparent is detected, #main-content .container's padding-top needs to be added to header_height
// And NOT a pagebuilder page
if ( $et_transparent_nav_length && ! $et_pb_first_row_length ) {
header_height += 58;
}
} else {
// Get header height from header attribute
var header_height = is_nav_vertical_to_horizontal ? $main_header.height() : parseInt( $main_header.attr( 'data-height-onload' ) );
header_height += secondary_nav_height;
// Non page builder page needs to be added by #main-content .container's fixed height
if ( $et_transparent_nav_length && ! window.et_is_vertical_nav && $et_main_content_first_row_length ) {
header_height += 58;
}
// If this is horizontal to vertical switching, update main header's data-height-onload
if ( is_nav_vertical_to_horizontal ) {
$main_header.attr({ 'data-height-onload' : $main_header.height() });
}
// Calculate fixed header height by cloning, emulating, and calculating its height
}
// Calculate fixed header height by cloning, emulating, and calculating its height
et_fix_saved_main_header_height( 'fixed' );
// Specific adjustment required for transparent nav + not vertical nav
if ( $et_transparent_nav_length && ! window.et_is_vertical_nav ) {
// Add class for first row for custom section padding purpose
$et_pb_first_row.addClass( 'et_pb_section_first' );
// List of conditionals
var is_pb = $et_pb_first_row.length,
is_post_pb = is_pb && $et_single_post.length,
is_post_pb_full_layout_has_title = $et_pb_post_fullwidth.length && $et_main_content_first_row_meta_wrapper_title.length,
is_post_pb_full_layout_no_title = $et_pb_post_fullwidth.length && 0 === $et_main_content_first_row_meta_wrapper_title.length,
is_pb_fullwidth_section_first = $et_pb_first_row.is( '.et_pb_fullwidth_section' ),
is_no_pb_mobile = $et_window.width() <= 980 && $et_main_content_first_row.length;
if ( is_post_pb && ! ( is_post_pb_full_layout_no_title && is_pb_fullwidth_section_first ) ) {
/* Desktop / Mobile + Single Post */
/*
* EXCEPT for fullwidth layout + fullwidth section ( at the first row ).
* It is basically the same as page + fullwidth section with few quirk.
* Instead of duplicating the conditional for each module, it'll be simpler to negate
* fullwidth layout + fullwidth section in is_post_pb and rely it to is_pb_fullwidth_section_first
*/
// Remove main content's inline padding to styling to prevent looping padding-top calculation
$et_main_content_first_row.css({ 'paddingTop' : '' });
if ( $et_window.width() < 980 ) {
header_height += 40;
}
if ( is_pb_fullwidth_section_first ) {
// If the first section is fullwidth, restore the padding-top modified area at first section
$et_pb_first_row.css({
'paddingTop' : '0',
});
}
if ( is_post_pb_full_layout_has_title ) {
// Add header height to post meta wrapper as padding top
$et_main_content_first_row_meta_wrapper.css({
'paddingTop' : header_height
});
} else if ( is_post_pb_full_layout_no_title ) {
$et_pb_first_row.css({
'paddingTop' : header_height
});
} else {
// Add header height to first row content as padding top
$et_main_content_first_row.css({
'paddingTop' : header_height
});
}
} else if ( is_pb_fullwidth_section_first ){
/* Desktop / Mobile + Pagebuilder + Fullwidth Section */
var $et_pb_first_row_first_module = $et_pb_first_row.children( '.et_pb_module:first' );
// Quirks: If this is post with fullwidth layout + no title + fullwidth section at first row,
// Remove the added height at line 2656
if ( is_post_pb_full_layout_no_title && is_pb_fullwidth_section_first && $et_window.width() > 980 ) {
header_height = header_height - 58;
}
if ( $et_pb_first_row_first_module.is( '.et_pb_slider' ) ) {
/* Desktop / Mobile + Pagebuilder + Fullwidth slider */
var $et_pb_first_row_first_module_slide_image = $et_pb_first_row_first_module.find( '.et_pb_slide_image' ),
$et_pb_first_row_first_module_slide = $et_pb_first_row_first_module.find( '.et_pb_slide' ),
$et_pb_first_row_first_module_slide_container = $et_pb_first_row_first_module.find( '.et_pb_slide .et_pb_container' ),
et_pb_slide_image_margin_top = 0 - ( parseInt( $et_pb_first_row_first_module_slide_image.height() ) / 2 ),
et_pb_slide_container_height = 0,
$et_pb_first_row_first_module_slider_arrow = $et_pb_first_row_first_module.find( '.et-pb-slider-arrows a'),
et_pb_first_row_slider_arrow_height = $et_pb_first_row_first_module_slider_arrow.height();
// Adding padding top to each slide so the transparency become useful
$et_pb_first_row_first_module_slide.css({
'paddingTop' : header_height,
});
// delete container's min-height
$et_pb_first_row_first_module_slide_container.css({
'min-height' : ''
});
// Adjusting slider's image, considering additional top padding of slideshow
$et_pb_first_row_first_module_slide_image.css({
'marginTop' : et_pb_slide_image_margin_top
});
// Adjusting slider's arrow, considering additional top padding of slideshow
$et_pb_first_row_first_module_slider_arrow.css({
'marginTop' : ( ( header_height / 2 ) - ( et_pb_first_row_slider_arrow_height / 2 ) )
});
// Looping the slide and get the highest height of slide
et_pb_first_row_slide_container_height_new = 0
$et_pb_first_row_first_module.find( '.et_pb_slide' ).each( function(){
var $et_pb_first_row_first_module_slide_item = $(this),
$et_pb_first_row_first_module_slide_container = $et_pb_first_row_first_module_slide_item.find( '.et_pb_container' );
// Make sure that the slide is visible to calculate correct height
$et_pb_first_row_first_module_slide_item.show();
// Remove existing inline css to make sure that it calculates the height
$et_pb_first_row_first_module_slide_container.css({ 'min-height' : '' });
var et_pb_first_row_slide_container_height = $et_pb_first_row_first_module_slide_container.innerHeight();
if ( et_pb_first_row_slide_container_height_new < et_pb_first_row_slide_container_height ){
et_pb_first_row_slide_container_height_new = et_pb_first_row_slide_container_height;
}
// Hide the slide back if it isn't active slide
if ( $et_pb_first_row_first_module_slide_item.is( ':not(".et-pb-active-slide")' ) ){
$et_pb_first_row_first_module_slide_item.hide();
}
});
// Setting appropriate min-height, considering additional top padding of slideshow
$et_pb_first_row_first_module_slide_container.css({
'min-height' : et_pb_first_row_slide_container_height_new
});
} else if ( $et_pb_first_row_first_module.is( '.et_pb_fullwidth_header' ) ) {
/* Desktop / Mobile + Pagebuilder + Fullwidth header */
// Remove existing inline stylesheet to prevent looping padding
$et_pb_first_row_first_module.removeAttr( 'style' );
// Get paddingTop from stylesheet
var et_pb_first_row_first_module_fullwidth_header_padding_top = parseInt( $et_pb_first_row_first_module.css( 'paddingTop' ) );
// Implement stylesheet's padding-top + header_height
$et_pb_first_row_first_module.css({
'paddingTop' : ( header_height + et_pb_first_row_first_module_fullwidth_header_padding_top )
} );
} else if ( $et_pb_first_row_first_module.is( '.et_pb_fullwidth_portfolio' ) ) {
/* Desktop / Mobile + Pagebuilder + Fullwidth Portfolio */
$et_pb_first_row_first_module.css({ 'paddingTop' : header_height });
} else if ( $et_pb_first_row_first_module.is( '.et_pb_map_container' ) ) {
/* Desktop / Mobile + Pagebuilder + Fullwidth Map */
var $et_pb_first_row_map = $et_pb_first_row_first_module.find( '.et_pb_map' );
// Remove existing inline height to prevent looping height calculation
$et_pb_first_row_map.css({ 'height' : '' });
// Implement map height + header height
$et_pb_first_row_first_module.find('.et_pb_map').css({
'height' : header_height + parseInt( $et_pb_first_row_map.css( 'height' ) )
});
// Adding specific class to mark the map as first row section element
$et_pb_first_row_first_module.addClass( 'et_beneath_transparent_nav' );
} else if ( $et_pb_first_row_first_module.is( '.et_pb_menu' ) || $et_pb_first_row_first_module.is( '.et_pb_fullwidth_menu' ) ) {
/* Desktop / Mobile + Pagebuilder + Fullwidth Menu */
$et_pb_first_row_first_module.css({ 'marginTop' : header_height });
} else if ( $et_pb_first_row_first_module.is( '.et_pb_fullwidth_code' ) ) {
/* Desktop / Mobile + Pagebuilder + Fullwidth code */
var $et_pb_first_row_first_module_code = $et_pb_first_row_first_module;
$et_pb_first_row_first_module_code.css({ 'paddingTop' : '' });
var et_pb_first_row_first_module_code_padding_top = parseInt( $et_pb_first_row_first_module_code.css( 'paddingTop' ) );
$et_pb_first_row_first_module_code.css({
'paddingTop' : header_height + et_pb_first_row_first_module_code_padding_top
});
} else if ( $et_pb_first_row_first_module.is( '.et_pb_post_title' ) ) {
/* Desktop / Mobile + Pagebuilder + Fullwidth Post Title */
var $et_pb_first_row_first_module_title = $et_pb_first_row_first_module;
$et_pb_first_row_first_module_title.css({
'paddingTop' : header_height + 50
});
}
} else if ( is_pb ) {
/* Desktop / Mobile + Pagebuilder + Regular section */
// Remove first row's inline padding top styling to prevent looping padding-top calculation
$et_pb_first_row.css({ 'paddingTop' : '' });
// Get saved custom padding from data-* attributes. Builder automatically adds
// saved custom paddings to data-* attributes on first section
var et_window_width = $et_window.width(),
saved_custom_padding = $et_pb_first_row.attr('data-padding'),
saved_custom_padding_top = et_get_saved_padding_margin_value( saved_custom_padding, 0 ),
saved_custom_padding_tablet = $et_pb_first_row.attr('data-padding-tablet'),
saved_custom_padding_tablet_top = et_get_saved_padding_margin_value( saved_custom_padding_tablet, 0 ),
saved_custom_padding_phone = $et_pb_first_row.attr('data-padding-phone'),
saved_custom_padding_phone_top = et_get_saved_padding_margin_value( saved_custom_padding_phone, 0 ),
applied_saved_custom_padding;
if ( saved_custom_padding_top || saved_custom_padding_tablet_top || saved_custom_padding_phone_top ) {
// Applies padding top to first section to automatically convert saved unit into px
if ( et_window_width > 980 && saved_custom_padding_top ) {
$et_pb_first_row.css({
paddingTop: saved_custom_padding_top
});
} else if ( et_window_width > 767 && saved_custom_padding_tablet_top ) {
$et_pb_first_row.css({
paddingTop: saved_custom_padding_tablet_top
});
} else if ( saved_custom_padding_phone_top ) {
$et_pb_first_row.css({
paddingTop: saved_custom_padding_phone_top
});
}
// Get converted custom padding top value
applied_saved_custom_padding = parseInt( $et_pb_first_row.css( 'paddingTop' ) );
// Implemented saved & converted padding top + header height
$et_pb_first_row.css({
paddingTop: ( header_height + applied_saved_custom_padding )
});
} else {
// Pagebuilder ignores #main-content .container's fixed height and uses its row's padding
// Anticipate the use of custom section padding.
et_pb_first_row_padding_top = header_height + parseInt( $et_pb_first_row.css( 'paddingBottom' ) );
// Implementing padding-top + header_height
$et_pb_first_row.css({
'paddingTop' : et_pb_first_row_padding_top
});
}
} else if ( is_no_pb_mobile ) {
// Mobile + not pagebuilder
$et_main_content_first_row.css({
'paddingTop' : header_height
});
} else if ( is_fixed_nav ) {
$('#main-content .container:first-child').css({
'paddingTop' : header_height
});
}
// Append inline style
inline_style += "#page-container{padding-top: 0 !important; }";
} else {
// Remove class for first row for custom section padding purpose
$et_pb_first_row.removeClass( 'et_pb_section_first' );
// Add padding-top for #page-container if fixed nav is used
if ( is_fixed_nav ) {
$main_container_wrapper.css( 'paddingTop', header_height );
}
// Cleanup mechanism from transparent nav into fixed color nav for edge cases (e.g. fullwidth section)
// List of conditionals
var is_pb = $et_pb_first_row.length,
is_post_pb = is_pb && $et_single_post.length,
is_post_pb_full_layout_has_title = $et_pb_post_fullwidth.length && $et_main_content_first_row_meta_wrapper_title.length,
is_post_pb_full_layout_no_title = $et_pb_post_fullwidth.length && 0 === $et_main_content_first_row_meta_wrapper_title.length,
is_pb_fullwidth_section_first = $et_pb_first_row.is( '.et_pb_fullwidth_section' ),
is_no_pb_mobile = $et_window.width() <= 980 && $et_main_content_first_row.length;
if ( is_post_pb && ! ( is_post_pb_full_layout_no_title && is_pb_fullwidth_section_first ) ) {
/* Desktop / Mobile + Single Post */
/*
* EXCEPT for fullwidth layout + fullwidth section ( at the first row ).
* It is basically the same as page + fullwidth section with few quirk.
* Instead of duplicating the conditional for each module, it'll be simpler to negate
* fullwidth layout + fullwidth section in is_post_pb and rely it to is_pb_fullwidth_section_first
*/
// Remove main content's inline padding to styling to prevent looping padding-top calculation
$et_main_content_first_row.css({ 'paddingTop' : '' });
if ( is_pb_fullwidth_section_first ) {
$et_pb_first_row.css({
'paddingTop' : '',
});
}
if ( is_post_pb_full_layout_has_title ) {
// Add header height to post meta wrapper as padding top
$et_main_content_first_row_meta_wrapper.css({
'paddingTop' : ''
});
} else if ( is_post_pb_full_layout_no_title ) {
$et_pb_first_row.css({
'paddingTop' : ''
});
} else {
// Add header height to first row content as padding top
$et_main_content_first_row.css({
'paddingTop' : ''
});
}
} else if ( is_pb_fullwidth_section_first ){
/* Desktop / Mobile + Pagebuilder + Fullwidth Section */
var $et_pb_first_row_first_module = $et_pb_first_row.children( '.et_pb_module:first' );
if ( $et_pb_first_row.children( '.et_pb_module:first' ).is( '.et_pb_slider' ) ) {
/* Desktop / Mobile + Pagebuilder + Fullwidth slider */
var $et_pb_first_row_slide_image = $et_pb_first_row.find( '.et_pb_slide_image' ),
$et_pb_first_row_slide = $et_pb_first_row.find( '.et_pb_slide' ),
$et_pb_first_row_slide_container = $et_pb_first_row.find( '.et_pb_slide .et_pb_container' ),
et_pb_slide_image_margin_top = 0 - ( parseInt( $et_pb_first_row_slide_image.height() ) / 2 ),
et_pb_slide_container_height = 0,
$et_pb_first_row_slider_arrow = $et_pb_first_row.find( '.et-pb-slider-arrows a'),
et_pb_first_row_slider_arrow_height = $et_pb_first_row_slider_arrow.height();
// Adding padding top to each slide so the transparency become useful
$et_pb_first_row_slide.css({
'paddingTop' : '',
});
// delete container's min-height
$et_pb_first_row_slide_container.css({
'min-height' : ''
});
// Adjusting slider's image, considering additional top padding of slideshow
$et_pb_first_row_slide_image.css({
'marginTop' : ''
});
// Adjusting slider's arrow, considering additional top padding of slideshow
$et_pb_first_row_slider_arrow.css({
'marginTop' : ''
});
// Setting appropriate min-height, considering additional top padding of slideshow
$et_pb_first_row_slide_container.css({
'min-height' : ''
});
} else if ( $et_pb_first_row.children( '.et_pb_module:first' ).is( '.et_pb_fullwidth_header' ) ) {
/* Desktop / Mobile + Pagebuilder + Fullwidth header */
// Implement stylesheet's padding-top + header_height
$et_pb_first_row_first_module.css({
'paddingTop' : ''
} );
} else if ( $et_pb_first_row.children( '.et_pb_module:first' ).is( '.et_pb_fullwidth_portfolio' ) ) {
/* Desktop / Mobile + Pagebuilder + Fullwidth Portfolio */
$et_pb_first_row.find( '.et_pb_fullwidth_portfolio' ).css({ 'paddingTop' : '' });
} else if ( $et_pb_first_row_first_module.is( '.et_pb_map_container' ) ) {
/* Desktop / Mobile + Pagebuilder + Fullwidth Map */
var $et_pb_first_row_map = $et_pb_first_row_first_module.find( '.et_pb_map' );
// Remove existing inline height to prevent looping height calculation
$et_pb_first_row_map.css({ 'height' : '' });
// Implement map height + header height
$et_pb_first_row_first_module.find('.et_pb_map').css({
'height' : ''
});
// Adding specific class to mark the map as first row section element
$et_pb_first_row_first_module.removeClass( 'et_beneath_transparent_nav' );
} else if ( $et_pb_first_row_first_module.is( '.et_pb_menu' ) || $et_pb_first_row_first_module.is( '.et_pb_fullwidth_menu' ) ) {
/* Desktop / Mobile + Pagebuilder + Fullwidth Menu */
$et_pb_first_row_first_module.css({ 'marginTop' : '' });
} else if ( $et_pb_first_row_first_module.is( '.et_pb_fullwidth_code' ) ) {
/* Desktop / Mobile + Pagebuilder + Fullwidth code */
var $et_pb_first_row_code = $et_pb_first_row_first_module;
$et_pb_first_row_code.css({ 'paddingTop' : '' });
$et_pb_first_row_code.css({
'paddingTop' : ''
});
} else if ( $et_pb_first_row_first_module.is( '.et_pb_post_title' ) ) {
/* Desktop / Mobile + Pagebuilder + Fullwidth Post Title */
var $et_pb_first_row_title = $et_pb_first_row_first_module;
$et_pb_first_row_title.css({
'paddingTop' : ''
});
}
} else if ( is_pb ) {
/* Desktop / Mobile + Pagebuilder + Regular section */
// Remove first row's inline padding top styling to prevent looping padding-top calculation
$et_pb_first_row.css({ 'paddingTop' : '' });
// Implementing padding-top + header_height
$et_pb_first_row.css({
'paddingTop' : ''
});
} else if ( is_no_pb_mobile ) {
// Mobile + not pagebuilder
$et_main_content_first_row.css({
'paddingTop' : ''
});
} else {
$('#main-content .container:first-child').css({
'paddingTop' : ''
});
}
}
// Print or update inline style on <head>
inline_style += '</style>';
if ( $inline_style_length ) {
$inline_style.replaceWith( inline_style );
} else {
$( 'head' ).append( inline_style );
}
// Remove nav transition marking, if there's any. It should only used once during first transition
$('body').removeClass( 'nav-vertical-to-horizontal nav-horizontal-to-vertical' );
// et_change_primary_nav_position( 0 );
}
// Fixing main header's box-shadow based on primary_nav_bg and fixed_primary_nav_bg
function et_fix_main_header_box_shadow() {
var primary_nav_bg = wp.customize( 'et_divi[primary_nav_bg]' )(),
fixed_primary_nav_bg = $( 'body' ).hasClass( 'et_fixed_nav' ) ? wp.customize( 'et_divi[fixed_primary_nav_bg]' )() : '',
et_custom_header_shadow_style = $( '<style />', { id: 'et_custom_header_shadow_style' }),
$et_custom_header_shadow_style = $( '#et_custom_header_shadow_style' ),
$et_custom_header_shadow_style_length = $et_custom_header_shadow_style.length;
// Append styling
// main-header's rule: if it's transparent, remove box-shadow
if ( 'string' === typeof primary_nav_bg && 'rgba' === primary_nav_bg.substr( 0, 4 ) ) {
et_custom_header_shadow_style.append( '#main-header{ background: '+primary_nav_bg+' !important;\n box-shadow: none; }' );
} else {
et_custom_header_shadow_style.append( '#main-header{ background: '+primary_nav_bg+' !important;\n box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\n -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\n -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }' );
}
// fixed main-header's rule: 1) remove box-shadow if transparent. 2) if it uses default (#ffffff) derive color from primary_nav_bg
if ( 'string' === typeof fixed_primary_nav_bg && ( 'rgba' === fixed_primary_nav_bg.substr( 0, 4 ) || ( 'rgba' === primary_nav_bg.substr( 0, 4 ) && '#ffffff' === fixed_primary_nav_bg ) ) ) {
et_custom_header_shadow_style.append( '.et-fixed-header#main-header{ box-shadow: none !important; }' );
} else {
et_custom_header_shadow_style.append( '.et-fixed-header#main-header{ box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) !important; \n -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) !important; \n -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) !important; }' );
}
if ( '#ffffff' === fixed_primary_nav_bg ) {
et_custom_header_shadow_style.append( '.et-fixed-header#main-header{ background: '+primary_nav_bg+' !important; }' );
} else {
et_custom_header_shadow_style.append( '.et-fixed-header#main-header{ background: '+fixed_primary_nav_bg+' !important; }' );
}
// Print / replace the custom styling
if ( $et_custom_header_shadow_style_length ) {
$et_custom_header_shadow_style.replaceWith( et_custom_header_shadow_style );
} else {
$( 'head' ).append( et_custom_header_shadow_style );
}
}
function et_maybe_fix_header_style( mode ) {
var $et_window = $(window),
$et_window_width = $et_window.width(),
$main_header = $('#main-header'),
$main_header_height = $main_header.height(),
$et_top_navigation = $('#et-top-navigation'),
$logo_container = $('#main-header > .container > .logo_container'),
$logo_container_length = $logo_container.length,
$logo_container_splitted = $('.centered-inline-logo-wrap > .logo_container'),
et_top_navigation_li_size = $et_top_navigation.children('nav').children('ul').children('li').size(),
et_top_navigation_li_break_index = Math.round( et_top_navigation_li_size / 2 ) - 1;
if ( $et_window_width > 980 && $logo_container_length && mode == 'split' && ! window.et_is_vertical_nav ) {
$('<li class="centered-inline-logo-wrap"></li>').insertAfter($et_top_navigation.find('nav > ul >li:nth('+et_top_navigation_li_break_index+')') );
$logo_container.appendTo( $et_top_navigation.find('.centered-inline-logo-wrap') );
}
if ( $et_window_width <= 980 && $logo_container_splitted.length || mode != 'split' ) {
$logo_container_splitted.prependTo('#main-header > .container');
$('#main-header .centered-inline-logo-wrap').remove();
}
// Update initial header height attribute
if ( $et_window_width > 980 ) {
$main_header.attr({ 'data-height-onload' : $main_header_height });
}
}
function et_fix_slider_height() {
var $et_pb_slider = $( '.et_pb_slider' );
if ( ! $et_pb_slider.length ) {
return;
}
$et_pb_slider.each( function() {
var $slide = $(this).find( '.et_pb_slide' ),
$slide_container = $slide.find( '.et_pb_container' ),
max_height = 0;
$slide_container.css( 'min-height', 0 );
$slide.each( function() {
var $this_el = $(this),
height = $this_el.innerHeight();
if ( max_height < height )
max_height = height;
} );
$slide_container.css( 'min-height', max_height );
} );
}
function et_maybe_create_secondary_nav() {
if ( $( '#top-header' ).length ) {
return;
}
$( 'body' )
.addClass( 'et_secondary_nav_enabled' )
.prepend( '<div id="top-header" class="et_nav_text_color_light"><div class="container"></div></div>' );
et_fix_page_top_padding();
}
function et_maybe_remove_secondary_nav() {
if ( ! $( '#top-header' ).length ) {
return;
}
setTimeout( function() {
if ( $( '#top-header .container' ).children().filter( ':visible' ).length ) {
return;
}
$( 'body' )
.removeClass( 'et_secondary_nav_enabled' )
.removeClass( 'et_secondary_nav_two_panels' )
.find( '#top-header' )
.remove();
et_fix_page_top_padding();
}, 500 );
}
function add_menu_styles( to, style_id, is_fixed ) {
var $full_style_id = $( 'style#et_menu_preview_' + style_id ),
fixed_class = 'fixed' === is_fixed ? '.et-fixed-header' : '',
menu_styles = "<style id='et_menu_preview_" + style_id + "'>\ @media all and ( min-width: 981px ) {\ ";
// Append menu styles
menu_styles += ".et_header_style_left " + fixed_class + " #et-top-navigation nav > ul > li > a { padding-bottom: " + to / 2 + "px; }\ ";
menu_styles += ".et_header_style_left " + fixed_class + " #et-top-navigation { padding: " + to / 2 + "px 0 0 0; }\ ";
menu_styles += ".et_header_style_split " + fixed_class + " #et-top-navigation nav > ul > li > a { padding-bottom: " + to / 2 + "px; }\ ";
menu_styles += ".et_header_style_split " + fixed_class + " .centered-inline-logo-wrap { width: "+to+"px; margin: -"+to+"px 0; }\ ";
menu_styles += ".et_header_style_split " + fixed_class + " .centered-inline-logo-wrap #logo { max-height: "+to+"px; }\ ";
menu_styles += ".et_header_style_split " + fixed_class + " #et-top-navigation { padding: " + to / 2 + "px 0 0 0; }\ ";
menu_styles += ".et_header_style_centered header#main-header" + fixed_class + " .logo_container { height: " + to + "px; }\ ";
menu_styles += ".et_header_style_centered header#main-header" + fixed_class + " #top-menu > li > a { padding-bottom: " + to * .18 + "px; }\ ";
menu_styles += ".et_header_style_slide " + fixed_class + " #et-top-navigation, .et_header_style_fullscreen " + fixed_class + " #et-top-navigation { padding: " + ( to - 18 ) / 2 + "px 0 " + ( to - 18 ) / 2 + "px 0 !important; }\ ";
menu_styles += '}\ </style>';
if ( $full_style_id.length ) {
$( $full_style_id ).replaceWith( menu_styles );
} else {
$( 'head' ).append( menu_styles );
}
}
function et_slide_to_top() {
$('html, body').animate({
scrollTop : 0
}, 100, function() {
setTimeout( function() {
et_fix_saved_main_header_height( 'initial' );
$(window).trigger('resize');
}, 300 );
});
}
function add_content_sidebar_style( sidebar_width ) {
var content_width = 100 - parseInt( sidebar_width ),
content_sidebar_style = $( '<style />', { id : 'theme-customizer-sidebar-width-css' } ),
$content_sidebar_style = $('#theme-customizer-sidebar-width-css');
content_sidebar_style.text( 'body #page-container #sidebar{ width:' + sidebar_width + '%; }\
body #page-container #left-area{ width:' + content_width + '%; }\
.et_right_sidebar #main-content .container:before{ right:' + sidebar_width+'% !important }\
.et_left_sidebar #main-content .container:before{ left:'+sidebar_width+'% !important }\
');
if ( $content_sidebar_style.length ) {
$( $content_sidebar_style ).replaceWith( content_sidebar_style );
} else {
$( 'head' ).append( content_sidebar_style );
}
}
/**
* This is a simplified version of {@see et_builder_maybe_wrap_css_selector()}.
* If multiple selectors (eg. selector1, selector2) are provided they will each be wrapped.
*
* @param selector
*/
function maybe_wrap_css_selector(selector) {
if (! isCustomPostType) {
return selector;
}
var selectors = selector.split(',');
var result = '';
_.forEach(selectors, function(css_selector) {
result += selectorWrapper + ' ' + css_selector;
});
return result.join(',');
}
var css = maybe_wrap_css_selector;
/**
* Basically mimics et_pb_print_module_styles_css() on functions.php
* Append to <head> instead of adding inline styling. Module's individual styling > Customizer's module styles
*/
function et_print_module_styles_css( id, type, selector, value, important ){
// sanitize id into safe style's ID
var style_id = id.replace(/[ +\/\[\]]/g,'_').toLowerCase(),
$style = $('#' + style_id),
$style_length = $style.length;
// create DOM
var style = $( '<style />', {
id : style_id
} );
// Determine important tag
if ( typeof important !== 'undefined' ){
var important_tag = '!important';
} else {
var important_tag = '';
}
// append style into DOM
switch( type ){
case 'font-size':
style.text( css(selector) + "{ font-size: " + value + "px " + important_tag + ";}" );
// Option with specific adjustment for smaller columns
var smaller_title_sections = [
'et_divi[et_pb_audio-header_font_size]',
'et_divi[et_pb_blog-title_font_size]',
'et_divi[et_pb_cta-header_font_size]',
'et_divi[et_pb_contact_form-header_font_size]',
'et_divi[et_pb_login-header_font_size]',
'et_divi[et_pb_signup-header_font_size]',
'et_divi[et_pb_slider-header_font_size]',
'et_divi[et_pb_slider-body_font_size]',
'et_divi[et_pb_countdown_timer-header_font_size]'
];
if( $.inArray( id, smaller_title_sections ) ){
// font size coefficient
switch ( id ) {
case 'et_divi[et_pb_slider-header_font_size]':
var font_size = parseInt( value ) * .565217391; // 26/46
break;
case 'et_divi[et_pb_slider-body_font_size]':
var font_size = parseInt( value ) * .777777778; // 14/16
break;
default:
var font_size = parseInt( value ) * .846153846; // 22/26
break;
}
style.append( ".et_pb_column_1_3 " + css(selector) + " { font-size: " + font_size + "px " + important_tag + "; }" );
style.append( ".et_pb_column_1_4 " + css(selector) + " { font-size: " + font_size + "px " + important_tag + "; }" );
}
break;
case 'font-styles':
style.text( css(selector) + " { " + et_set_font_styles( value, important_tag ) + " }" );
break;
case 'letter-spacing':
style.text( css(selector) + "{ letter-spacing: " + value + "px " + important_tag + ";}" );
break;
case 'line-height':
style.text( css(selector) + "{ line-height: " + value + "em " + important_tag + ";}" );
break;
case 'color':
style.text( css(selector) + "{ color: " + value + " " + important_tag + ";}" );
break;
case 'background-color':
style.text( css(selector) + "{ background-color: " + value + " " + important_tag + ";}" );
break;
case 'border-radius':
style.text( css(selector) + " { -moz-border-radius: " + value + "px; -webkit-border-radius: " + value + "px; border-radius: " + value + "px; }" );
break;
case 'width':
style.text( css(selector) + "{ width: " + value + "px " + important_tag + ";}" );
break;
case 'height':
style.text( css(selector) + "{ height: " + value + "px " + important_tag + ";}" );
break;
case 'padding':
style.text( css(selector) + "{ padding: " + value + "px " + important_tag + ";}" );
break;
case 'padding-top-bottom':
style.text( css(selector) + "{ padding: " + value + "px 0 " + important_tag + ";}" );
break;
case 'padding-tabs':
var padding_tab_top_bottom = parseInt( value ) * 0.133333333,
padding_tab_active_top = padding_tab_top_bottom + 1,
padding_tab_active_bottom = padding_tab_top_bottom - 1,
padding_tab_content = parseInt( value ) * 0.8;
// negative result will cause layout issue
if ( padding_tab_active_bottom < 0 ) {
padding_tab_active_bottom = 0;
}
style.text( css('.et_pb_tabs_controls li') + " { padding: " + padding_tab_active_top + "px " + value + "px " + padding_tab_active_bottom + "px; }" );
style.text( css('.et_pb_tabs_controls li.et_pb_tab_active') + " { padding: " + padding_tab_top_bottom + "px " + value + "px; }" );
style.text( css('.et_pb_all_tabs') + " { padding: " + padding_tab_content + "px " + value + "px " + important_tag + "; }" );
break;
case 'padding-slider':
style.text( css(selector) + "{ padding-top: " + value + "%; padding-bottom: " + value + "%; }" );
if ( 'et_pagebuilder_slider_padding' === id ) {
style.append( '@media only screen and ( max-width: 767px ) { ' + css(selector) + '{ padding-top: 16%; padding-bottom: 16%; } }' );
}
break;
case 'padding-call-to-action':
value = parseInt( value );
style.text( css('.et_pb_promo') + " { padding: " + value + "px " + ( value * ( 60 / 40 ) ) + "px; }" );
style.append( css('.et_pb_column_1_2 .et_pb_promo') + " { padding: " + value + "px; }" );
style.append( css('.et_pb_column_1_3 .et_pb_promo') + " { padding: " + value + "px; }" );
style.append( css('.et_pb_column_1_4 .et_pb_promo') + " { padding: " + value + "px; }" );
break;
case 'social-icon-size':
var icon_margin = parseInt( value ) * 0.57;
var icon_dimension = parseInt( value ) * 2;
style.text( css('.et_pb_social_media_follow li a.icon') + " { margin-right: " + icon_margin + "px; width: " + icon_dimension + "px; height: " + icon_dimension + "px; }" );
style.text( css('.et_pb_social_media_follow li a.icon::before') + " { width: " + icon_dimension + "px; height: " + icon_dimension + "px; font-size: " + value + "px; line-height: " + icon_dimension + "px; }" );
style.text( css('.et_pb_social_media_follow li a.follow_button') + " { font-size:" + value + "px; }" );
break;
case 'border-top-style':
style.text( css(selector) + "{ border-top-style: " + value + " " + important_tag + "; }" );
break;
case 'border-top-width':
style.text( css(selector) + "{ border-top-width: " + value + "px " + important_tag + "; }" );
break;
}
// Insert custom styling
if ( $style_length ) {
$style.replaceWith( style );
} else {
$( 'head' ).append( style );
}
}
function et_set_font_styles( value, important_tag ) {
var font_styles = value.split( '|' ),
style = '';
if ( $.inArray( 'bold', font_styles ) >= 0 ) {
style += "font-weight: bold " + important_tag + ";";
} else {
style += "font-weight: inherit " + important_tag + ";";
}
if ( $.inArray( 'italic', font_styles ) >= 0 ) {
style += "font-style: italic " + important_tag + ";";
} else {
style += "font-style: inherit " + important_tag + ";";
}
if ( $.inArray( 'underline', font_styles ) >= 0 ) {
style += "text-decoration: underline " + important_tag + ";";
} else {
style += "text-decoration: inherit " + important_tag + ";";
}
if ( $.inArray( 'uppercase', font_styles ) >= 0 ) {
style += "text-transform: uppercase " + important_tag + ";";
} else {
style += "text-transform: inherit " + important_tag + ";";
}
return style;
}
function et_fix_footer_widget_bullet_top(){
var style = $( '<style />', { id : 'footer-widget-bullet-style' }),
$style = $( '#footer-widget-bullet-style' ),
line_height = parseFloat( $('.footer-widget .et_pb_widget div').css( 'line-height' ) ),
footer_widget_bullet_top = ( line_height / 2 ) - 3;
style.text( "#footer-widgets .footer-widget li:before { top: " + footer_widget_bullet_top + "px; }" );
// Insert custom styling
if ( $style.length ) {
$style.replaceWith( style );
} else {
$( 'head' ).append( style );
}
}
function et_customizer_update_styles( style_id, $style_content ) {
if ( $( style_id ).length ) {
if ( '' !== $style_content ) {
$( style_id ).replaceWith( $style_content );
} else {
$( style_id ).remove();
}
} else {
$( 'head' ).append( $style_content );
}
}
function et_calculate_header_values() {
var $top_header = $( '#top-header' ),
secondary_nav_height = $top_header.length && $top_header.is( ':visible' ) ? $top_header.innerHeight() : 0,
admin_bar_height = $( '#wpadminbar' ).length ? $( '#wpadminbar' ).innerHeight() : 0,
$slide_menu_container = $( '.et_header_style_slide .et_slide_in_menu_container' );
et_header_height = $( '#main-header' ).innerHeight() + secondary_nav_height,
et_header_modifier = et_header_height <= 90 ? et_header_height - 29 : et_header_height - 56,
et_header_offset = et_header_modifier + admin_bar_height;
et_primary_header_top = secondary_nav_height + admin_bar_height;
if ( $slide_menu_container.length && ! $( 'body' ).hasClass( 'et_pb_slide_menu_active' ) ) {
$slide_menu_container.css( { right: '-' + $slide_menu_container.innerWidth() + 'px' } );
if ( $( 'body' ).hasClass( 'et_boxed_layout' ) ) {
var page_container_margin = $( '#page-container' ).css( 'margin-left' );
$( '#main-header' ).css( { left : page_container_margin } );
}
}
}
function et_fix_fullscreen_section() {
var $et_window = $(window);
$( 'section.et_pb_fullscreen' ).each( function(){
var $this_section = $( this );
$.proxy( window.et_calc_fullscreen_section, $this_section )();
$et_window.on( 'resize', $.proxy( window.et_calc_fullscreen_section, $this_section ) );
});
}
function et_set_right_vertical_menu() {
var $body = $( 'body' );
if ( $body.hasClass( 'et_boxed_layout' ) && $body.hasClass( 'et_vertical_fixed' ) && $body.hasClass( 'et_vertical_right' ) ) {
var header_offset = parseFloat( $( '#page-container' ).css( 'margin-right' ) );
header_offset += ( parseFloat( $( '#et-main-area' ).css( 'margin-right' ) ) - 225 );
header_offset = 0 > header_offset ? 0 : header_offset;
$( '#main-header' ).css( 'left', '' );
$( '#main-header' ).css( 'right', header_offset );
}
}
function et_fix_slide_in_top_bar() {
var $body = $( 'body' );
if ( 0 === $body.find( '.et_slide_menu_top' ).height() ) {
$body.find( '.et_slide_menu_top' ).css( { 'display' : 'none' } );
} else {
$body.find( '.et_slide_menu_top' ).css( { 'display' : 'block' } );
}
}
et_fix_slide_in_top_bar();
var $headerPanel = window.top.wp.customize.panel('et_divi_header_panel');
var $headerPanelButton = window.top.jQuery('#accordion-panel-et_divi_header_panel');
var $footerPanel = window.top.wp.customize.panel('et_divi_footer_panel');
var $footerPanelButton = window.top.jQuery('#accordion-panel-et_divi_footer_panel');
if (et_theme_builder_customizer_data.hasHeaderLayout) {
$headerPanel.deactivate({ duration: 0 });
$headerPanelButton.addClass('et-customizer-hidden');
} else {
$headerPanelButton.removeClass('et-customizer-hidden');
}
if (et_theme_builder_customizer_data.hasFooterLayout) {
$footerPanel.deactivate({ duration: 0 });
$footerPanelButton.addClass('et-customizer-hidden');
} else {
$footerPanelButton.removeClass('et-customizer-hidden');
}
wp.customize( 'blogname', function( value ) {
value.bind( function( to ) {
$('#logo').attr({ 'alt' : to });
} );
} );
wp.customize( 'et_divi[link_color]', function( value ) {
value.bind( function( to ) {
$( 'article p:not(.post-meta) a, .comment-edit-link, .pinglist a, .pagination a' ).css( 'color', to );
} );
} );
wp.customize( 'et_divi[body_font_size]', function( value ) {
value.bind( function( to ) {
var widget = $( '.footer-widget li' ).css( 'font-size' );
$( '#main-content, .et_pb_column_1_2 .et_quote_content blockquote cite, .et_pb_column_1_2 .et_link_content a.et_link_main_url, .et_pb_column_1_3 .et_quote_content blockquote cite, .et_pb_column_3_8 .et_quote_content blockquote cite, .et_pb_column_1_4 .et_quote_content blockquote cite, .et_pb_blog_grid .et_quote_content blockquote cite, .et_pb_column_1_3 .et_link_content a.et_link_main_url, .et_pb_column_3_8 .et_link_content a.et_link_main_url, .et_pb_column_1_4 .et_link_content a.et_link_main_url, .et_pb_blog_grid .et_link_content a.et_link_main_url' ).css( 'font-size', to + 'px' );
$( '.et_pb_slide_content, .et_pb_best_value' ).css( 'font-size', to * 1.14 + 'px' );
if ( to == widget ) {
$( '#main-footer li, #main-footer a, #main-footer p, #main-footer' ).css( 'font-size', to + 'px' );
}
} );
} );
wp.customize( 'et_divi[phone_body_font_size]', function( value ) {
value.bind( function( to ) {
$( 'head style#phone_body_font_size' ).remove(),
custom_style = "<style id='phone_body_font_size'>\
@media only screen and ( max-width: 767px ) {\
#main-content, " + css('.et_pb_column_1_2 .et_quote_content blockquote cite, .et_pb_column_1_2 .et_link_content a.et_link_main_url, .et_pb_column_1_3 .et_quote_content blockquote cite, .et_pb_column_3_8 .et_quote_content blockquote cite, .et_pb_column_1_4 .et_quote_content blockquote cite, .et_pb_blog_grid .et_quote_content blockquote cite, .et_pb_column_1_3 .et_link_content a.et_link_main_url, .et_pb_column_3_8 .et_link_content a.et_link_main_url, .et_pb_column_1_4 .et_link_content a.et_link_main_url, .et_pb_blog_grid .et_link_content a.et_link_main_url') + ", #main-footer li, #main-footer a, #main-footer p, #main-footer { font-size:" + to + "px !important; }\
" + css('.et_pb_slide_content, .et_pb_best_value') + " { font-size:" + to * 1.14 + "px !important; }\
}\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[tablet_body_font_size]', function( value ) {
value.bind( function( to ) {
$( 'head style#tablet_body_font_size' ).remove(),
custom_style = "<style id='tablet_body_font_size'>\
@media only screen and ( max-width: 980px ) {\
#main-content, " + css('.et_pb_column_1_2 .et_quote_content blockquote cite, .et_pb_column_1_2 .et_link_content a.et_link_main_url, .et_pb_column_1_3 .et_quote_content blockquote cite, .et_pb_column_3_8 .et_quote_content blockquote cite, .et_pb_column_1_4 .et_quote_content blockquote cite, .et_pb_blog_grid .et_quote_content blockquote cite, .et_pb_column_1_3 .et_link_content a.et_link_main_url, .et_pb_column_3_8 .et_link_content a.et_link_main_url, .et_pb_column_1_4 .et_link_content a.et_link_main_url, .et_pb_blog_grid .et_link_content a.et_link_main_url') + ", #main-footer li, #main-footer a, #main-footer p, #main-footer { font-size:" + to + "px !important; }\
" + css('.et_pb_slide_content, .et_pb_best_value') + " { font-size:" + to * 1.14 + "px !important; }\
}\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[section_padding]', function( value ) {
value.bind( function( to ) {
// Don't use cache selector as it might be modified by other controls
var $et_transparent_nav = $( '.et_transparent_nav' );
// Detect transparent nav & non vertical nav
if ( $et_transparent_nav.length && ! window.et_is_vertical_nav ) {
$( '.et_pb_section:nth-child(1)' ).css({
'paddingBottom' : to + '%'
});
$( '.et_pb_section:gt(0)' ).css({
'padding' : to + '% 0'
});
// first section's paddingTop has to be done after the other paddings have been added
$( '.et_pb_section:nth-child(1)' ).css({
'paddingTop' : ( parseInt( $( '#main-header' ).innerHeight() ) + parseInt( $( '#top-header' ).innerHeight() ) + parseInt( $( '.et_pb_section:nth-child(1)' ).css( 'paddingBottom' ) ) - 8 )
});
} else {
$( '.et_pb_section' ).css( 'padding', to + '% 0' );
}
} );
} );
wp.customize( 'et_divi[row_padding]', function( value ) {
value.bind( function( to ) {
$( '.et_pb_row' ).css( 'padding', to + '% 0' );
} );
} );
wp.customize( 'et_divi[phone_row_height]', function( value ) {
value.bind( function( to ) {
$( 'head style#phone_row_height' ).remove(),
custom_style = "<style id='phone_row_height'>\
@media only screen and ( max-width: 767px ) {\
" + css('.et_pb_row, .et_pb_column .et_pb_row_inner') + " { padding: " + to + "px 0 !important; }\
}\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[tablet_row_height]', function( value ) {
value.bind( function( to ) {
$( 'head style#tablet_row_height' ).remove(),
custom_style = "<style id='tablet_row_height'>\
@media only screen and ( max-width: 980px ) {\
" + css('.et_pb_row, .et_pb_column .et_pb_row_inner') + " { padding: " + to + "px 0 !important; }\
}\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[phone_section_height]', function( value ) {
value.bind( function( to ) {
$( 'head style#phone_section_height' ).remove(),
custom_style = "<style id='phone_section_height'>\
@media only screen and ( max-width: 767px ) {\
" + css('.et_pb_section') + " { padding: " + to + "px 0; }\
}\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[tablet_section_height]', function( value ) {
value.bind( function( to ) {
$( 'head style#tablet_section_height' ).remove(),
custom_style = "<style id='tablet_section_height'>\
@media only screen and ( max-width: 980px ) {\
" + css('.et_pb_section') + " { padding: " + to + "px 0; }\
}\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[body_header_size]', function( value ) {
value.bind( function( to ) {
var widget = $( '.footer-widget h4' ).css( 'font-size' );
$( 'h1' ).css( 'font-size', to + 'px' );
$( 'h2, .product .related h2, .et_pb_column_1_2 .et_quote_content blockquote p' ).css( 'font-size', to * 0.86 + 'px' );
$( 'h3' ).css( 'font-size', to * 0.73 + 'px' );
$( 'h5' ).css( 'font-size', to * 0.53 + 'px' );
$( 'h6' ).css( 'font-size', to * 0.47 + 'px' );
$( '.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3, .et_pb_gallery_grid .et_pb_gallery_item h3, .et_pb_portfolio_grid .et_pb_portfolio_item h2, .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2, .et_pb_column_1_4 .et_pb_audio_module_content h2 ' ).css( 'font-size', to * 0.53 + 'px' );
$( '#main-content h4, .et_pb_column_1_3 .et_pb_post h2, .et_pb_column_1_4 .et_pb_post h2, .et_pb_blog_grid h2, .et_pb_column_1_3 .et_quote_content blockquote p, .et_pb_column_3_8 .et_quote_content blockquote p, .et_pb_column_1_4 .et_quote_content blockquote p, .et_pb_blog_grid .et_quote_content blockquote p, .et_pb_column_1_3 .et_link_content h2, .et_pb_column_3_8 .et_link_content h2, .et_pb_column_1_4 .et_link_content h2, .et_pb_blog_grid .et_link_content h2, .et_pb_column_1_3 .et_audio_content h2, .et_pb_column_3_8 .et_audio_content h2, .et_pb_column_1_4 .et_audio_content h2, .et_pb_blog_grid .et_audio_content h2, .et_pb_column_3_8 .et_pb_audio_module_content h2, .et_pb_column_1_3 .et_pb_audio_module_content h2, .et_pb_gallery_grid .et_pb_gallery_item h3, .et_pb_portfolio_grid .et_pb_portfolio_item h2, .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2, .et_pb_circle_counter h3, .et_pb_number_counter h3' ).css( 'font-size', to * 0.6 + 'px' );
$( '.et_pb_slide_description .et_pb_slide_title' ).css( 'font-size', to * 1.53 + 'px' );
if ( to == widget ) {
$( '.footer-widget h4' ).css( 'font-size', to * 0.6 + 'px' );
}
} );
} );
wp.customize( 'et_divi[body_header_height]', function( value ) {
value.bind( function( to ) {
$( 'head style#body_header_height' ).remove(),
custom_style = "<style id='body_header_height'>\
h1, h2, h3, h4, h5, h6, " + css('h1, h2, h3, h4, h5, h6, .et_quote_content blockquote p, .et_pb_slide_description .et_pb_slide_title') + " { line-height: " + to + "em; }\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[body_font_height]', function( value ) {
value.bind( function( to ) {
$( 'head style#body_font_height' ).remove(),
custom_style = "<style id='body_font_height'>\
body { line-height: " + to + "em; }\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[body_header_spacing]', function( value ) {
value.bind( function( to ) {
$( 'head style#body_header_spacing' ).remove(),
custom_style = "<style id='body_header_spacing'>\
h1, h2, h3, h4, h5, h6, " + css('h1, h2, h3, h4, h5, h6, .et_quote_content blockquote p, .et_pb_slide_description .et_pb_slide_title') + " { letter-spacing: " + to + "px; }\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[primary_nav_font_spacing]', function( value ) {
value.bind( function( to ) {
$( 'head style#primary_nav_font_spacing' ).remove(),
custom_style = "<style id='primary_nav_font_spacing'>\
#top-menu li a, .et_search_form_container input { letter-spacing: " + to + "px; }\
.et_search_form_container input::-moz-placeholder { letter-spacing: " + to + "px; }\
.et_search_form_container input::-webkit-input-placeholder { letter-spacing: " + to + "px; }\
.et_search_form_container input:-ms-input-placeholder { letter-spacing: " + to + "px; }\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[secondary_nav_fullwidth]', function( value ) {
value.bind( function( to ) {
var $body = $('body');
if ( to ) {
$body.addClass('et_fullwidth_secondary_nav');
} else {
$body.removeClass('et_fullwidth_secondary_nav');
}
} );
} );
wp.customize( 'et_divi[secondary_nav_font_spacing]', function( value ) {
value.bind( function( to ) {
$( 'head style#secondary_nav_font_spacing' ).remove(),
custom_style = "<style id='secondary_nav_font_spacing'>\
#top-header, #top-header a, #et-secondary-nav li li a, #top-header .et-social-icon a:before { letter-spacing: " + to + "px; }\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[phone_header_font_size]', function( value ) {
value.bind( function( to ) {
$( 'head style#phone_header_font_size' ).remove(),
custom_style = "<style id='phone_header_font_size'>\
@media only screen and ( max-width: 767px ) {\
h1, " + css('h1') + " { font-size: " + to + "px !important; }\
h2, " + css('h2') + " { font-size: " + to * 0.86 + "px !important; }\
h3, " + css('h3') + " { font-size: " + to * 0.73 + "px !important; }\
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3, " + css('.et_pb_gallery_grid .et_pb_gallery_item h3, .et_pb_portfolio_grid .et_pb_portfolio_item h2, .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2, .et_pb_column_1_4 .et_pb_audio_module_content h2') + " { font-size: " + to * 0.53 + "px !important; }\
#main-content h4, " + css('#main-content h4, .et_pb_column_1_3 .et_pb_post h2, .et_pb_column_1_4 .et_pb_post h2, .et_pb_blog_grid h2, .et_pb_column_1_3 .et_quote_content blockquote p, .et_pb_column_3_8 .et_quote_content blockquote p, .et_pb_column_1_4 .et_quote_content blockquote p, .et_pb_blog_grid .et_quote_content blockquote p, .et_pb_column_1_3 .et_link_content h2, .et_pb_column_3_8 .et_link_content h2, .et_pb_column_1_4 .et_link_content h2, .et_pb_blog_grid .et_link_content h2, .et_pb_column_1_3 .et_audio_content h2, .et_pb_column_3_8 .et_audio_content h2, .et_pb_column_1_4 .et_audio_content h2, .et_pb_blog_grid .et_audio_content h2, .et_pb_column_3_8 .et_pb_audio_module_content h2, .et_pb_column_1_3 .et_pb_audio_module_content h2, .et_pb_gallery_grid .et_pb_gallery_item h3, .et_pb_portfolio_grid .et_pb_portfolio_item h2, .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2, .et_pb_circle_counter h3, .et_pb_number_counter h3') + " { font-size: " + to * 0.6 + "px !important; }\
" + css('.et_pb_slide_description .et_pb_slide_title') + " { font-size: " + to * 1.53 + "px !important; }\
.footer-widget h4 { font-size: " + to * 0.6 + "px !important; }\
h5, " + css('h5') + " { font-size: " + to * 0.53 + "px !important; }\
h6, " + css('h6') + " { font-size: " + to * 0.47 + "px !important; }\
}\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[tablet_header_font_size]', function( value ) {
value.bind( function( to ) {
$( 'head style#tablet_header_font_size' ).remove(),
custom_style = "<style id='tablet_header_font_size'>\
@media only screen and ( max-width: 980px ) {\
h1, " + css('h1') + " { font-size: " + to + "px !important; }\
h2, " + css('h2') + " { font-size: " + to * 0.86 + "px !important; }\
h3, " + css('h3') + " { font-size: " + to * 0.73 + "px !important; }\
.woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3, " + css('.et_pb_gallery_grid .et_pb_gallery_item h3, .et_pb_portfolio_grid .et_pb_portfolio_item h2, .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2, .et_pb_column_1_4 .et_pb_audio_module_content h2') + " { font-size: " + to * 0.53 + "px !important; }\
#main-content h4, " + css('#main-content h4, .et_pb_column_1_3 .et_pb_post h2, .et_pb_column_1_4 .et_pb_post h2, .et_pb_blog_grid h2, .et_pb_column_1_3 .et_quote_content blockquote p, .et_pb_column_3_8 .et_quote_content blockquote p, .et_pb_column_1_4 .et_quote_content blockquote p, .et_pb_blog_grid .et_quote_content blockquote p, .et_pb_column_1_3 .et_link_content h2, .et_pb_column_3_8 .et_link_content h2, .et_pb_column_1_4 .et_link_content h2, .et_pb_blog_grid .et_link_content h2, .et_pb_column_1_3 .et_audio_content h2, .et_pb_column_3_8 .et_audio_content h2, .et_pb_column_1_4 .et_audio_content h2, .et_pb_blog_grid .et_audio_content h2, .et_pb_column_3_8 .et_pb_audio_module_content h2, .et_pb_column_1_3 .et_pb_audio_module_content h2, .et_pb_gallery_grid .et_pb_gallery_item h3, .et_pb_portfolio_grid .et_pb_portfolio_item h2, .et_pb_filterable_portfolio_grid .et_pb_portfolio_item h2, .et_pb_circle_counter h3, .et_pb_number_counter h3') + " { font-size: " + to * 0.6 + "px !important; }\
" + css('.et_pb_slide_description .et_pb_slide_title') + " { font-size: " + to * 1.53 + "px !important; }\
.footer-widget h4 { font-size: " + to * 0.6 + "px !important; }\
h5, " + css('h5') + " { font-size: " + to * 0.53 + "px !important; }\
h6, " + css('h6') + " { font-size: " + to * 0.47 + "px !important; }\
}\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[font_color]', function( value ) {
value.bind( function( to ) {
$( 'body' ).css( 'color', to );
} );
} );
wp.customize( 'et_divi[accent_color]', function( value ) {
value.bind( function( to ) {
var $accent_style = "<style id='accent_color'>" + css('.et_pb_counter_amount, .et_pb_featured_table .et_pb_pricing_heading, .et_pb_pricing_table_button') + ", .comment-reply-link, " + css('.form-submit .et_pb_button, .et_quote_content, .et_link_content, .et_audio_content, .et_pb_post_slider.et_pb_bg_layout_dark') + ", #page-container .et_slide_in_menu_container, " + css('.et_pb_contact p input[type=\'radio\']:checked + label i:before') + ", #top-header, .et-fixed-header#top-header, .et-fixed-header#top-header #et-secondary-nav li ul { background-color: " + to + "; }\
#et_search_icon:hover, .mobile_menu_bar:before" + css('.mobile_menu_bar:before') + ", .footer-widget h4, #main-footer .footer-widget h4, .et-social-icon a:hover, " + css('.et_pb_sum, .et_pb_pricing li a, .et_overlay:before, .et_pb_member_social_links a:hover, .et_pb_widget li a:hover, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_bg_layout_light .et_pb_more_button, .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active, .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active') + ", .wp-pagenavi span.current, .wp-pagenavi a:hover, " + css('.et_pb_contact_submit') + ", .et_password_protected_form .et_submit_button, " + css('.et_pb_bg_layout_light .et_pb_newsletter_button') + ", .nav-single a, .posted_in a, .tagged_as a, " + css('.nav-single a, .posted_in a, .et_pb_contact p input[type=\'checkbox\']:checked + label i:before') + ", .woocommerce .star-rating span::before, " + css('.woocommerce .star-rating span::before') + " { color:" + to + "; }\
.et-search-form, .nav li ul, .et_mobile_menu, " + css('.nav li ul, .et_mobile_menu') + ", .footer-widget li:before, .et_pb_pricing li:before { border-color: " + to + "; }\
</style>",
style_id = 'style#accent_color';
et_customizer_update_styles( style_id, $accent_style );
} );
} );
wp.customize( 'et_divi[primary_nav_bg]', function( value ) {
value.bind( function( to ) {
var $body = $('body'),
$body_has_et_transparent_nav = $body.hasClass( 'et_transparent_nav' );
$( '#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu' ).css( 'background-color', to );
// Transition from fixed color to transparent color
if ( ! $body_has_et_transparent_nav && to.substr( 0, 4 ) === 'rgba' ) {
$body.addClass( 'et_transparent_nav' );
$( 'head' ).append( "<style id='remove_transparent_margin'>\
body #page-container { margin-top: 0 !important; }\
</style>" );
et_fix_page_container_position();
window.et_is_transparent_nav = true;
}
// Transition from transparent to fixed color
if ( $body_has_et_transparent_nav && to.substr( 0, 4 ) !== 'rgba' ) {
$body.removeClass( 'et_transparent_nav' );
et_fix_page_container_position();
$( '#remove_transparent_margin' ).remove();
window.et_is_transparent_nav = false;
}
// Always fix main header's background and box-shadow on change
et_fix_main_header_box_shadow();
// Fix full width header in fullscreen mode when transitioning from/to alpha color
et_fix_fullscreen_section();
} );
} );
wp.customize( 'et_divi[secondary_nav_bg]', function( value ) {
value.bind( function( to ) {
$( '#top-header, #et-secondary-nav li ul' ).css( 'background-color', to );
} );
} );
wp.customize( 'et_divi[secondary_nav_dropdown_bg]', function( value ) {
value.bind( function( to ) {
$( '#et-secondary-nav li ul' ).css( 'background-color', to );
} );
} );
wp.customize( 'et_divi[secondary_nav_dropdown_link_color]', function( value ) {
value.bind( function( to ) {
$( '#et-secondary-nav li ul a' ).css( 'color', to );
} );
} );
wp.customize( 'et_divi[primary_nav_dropdown_bg]', function( value ) {
value.bind( function( to ) {
$( '#et-top-navigation li ul' ).css( 'background-color', to );
} );
} );
wp.customize( 'et_divi[primary_nav_dropdown_line_color]', function( value ) {
value.bind( function( to ) {
$( '.nav li ul' ).css( 'border-color', to );
} );
} );
wp.customize( 'et_divi[primary_nav_dropdown_link_color]', function( value ) {
value.bind( function( to ) {
$( '#et-top-navigation li ul a' ).css( 'color', to );
} );
} );
wp.customize( 'et_divi[fixed_secondary_nav_bg]', function( value ) {
value.bind( function( to ) {
$( 'head style#fixed_secondary_nav_bg' ).remove(),
custom_style = "<style id='fixed_secondary_nav_bg'>\
@media only screen and ( min-width: 981px ) {\
.et-fixed-header#top-header, .et-fixed-header#top-header #et-secondary-nav li ul { background-color: " + to + " !important; }\
}\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[fixed_primary_nav_bg]', function( value ) {
value.bind( function( to ) {
$( 'head style#fixed_primary_nav_bg' ).remove(),
custom_style = "<style id='fixed_primary_nav_bg'>\
@media only screen and ( min-width: 981px ) {\
.et-fixed-header#main-header .nav li ul, .et-fixed-header .et-search-form { background-color: " + to + " !important; }\
}\
</style>",
$( 'head' ).append( custom_style );
et_fix_main_header_box_shadow();
} );
} );
wp.customize( 'et_divi[mobile_primary_nav_bg]', function( value ) {
value.bind( function( to ) {
$( 'head style#mobile_primary_nav_bg' ).remove(),
custom_style = "<style id='mobile_primary_nav_bg'>\
@media only screen and ( max-width: 980px ) {\
body #main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu { background-color: " + to + " !important; }\
}\
</style>",
$( 'head' ).append( custom_style );
et_fix_main_header_box_shadow();
} );
} );
wp.customize( 'et_divi[fixed_primary_nav_font_size]', function( value ) {
value.bind( function( to ) {
$( 'head style#fixed_primary_nav_font_size' ).remove(),
custom_style = "<style id='fixed_primary_nav_font_size'>\
@media only screen and ( min-width: 981px ) {\
.et-fixed-header #top-menu li a { font-size: " + to + "px !important; }\
}\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[fixed_menu_link]', function( value ) {
value.bind( function( to ) {
$( 'head style#fixed_menu_link' ).remove(),
custom_style = "<style id='fixed_menu_link'>\
@media only screen and ( min-width: 981px ) {\
.et-fixed-header #top-menu a, .et-fixed-header #et_search_icon:before, .et-fixed-header #et_top_search .et-search-form input, .et-fixed-header .et_search_form_container input,.et-fixed-header .et_close_search_field:after { color: " + to + " !important; }\
.et-fixed-header .et_search_form_container input::-moz-placeholder { color: " + to + " !important; }\
.et-fixed-header .et_search_form_container input::-webkit-input-placeholder { color: " + to + " !important; }\
.et-fixed-header .et_search_form_container input:-ms-input-placeholder { color: " + to + " !important; }\
}\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[fixed_menu_link_active]', function( value ) {
value.bind( function( to ) {
$( 'head style#fixed_menu_link_active' ).remove(),
custom_style = "<style id='fixed_menu_link_active'>\
@media only screen and ( min-width: 981px ) {\
.et-fixed-header #top-menu li.current-menu-ancestor > a, .et-fixed-header #top-menu li.current-menu-item > a { color: " + to + " !important; }\
}\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[fixed_secondary_menu_link]', function( value ) {
value.bind( function( to ) {
var $style = "<style id='fixed_secondary_menu_link'>.et-fixed-header#top-header, .et-fixed-header#top-header a { color: " + to + " !important; }\
</style>",
style_id = 'style#fixed_secondary_menu_link';
et_customizer_update_styles( style_id, $style );
} );
} );
wp.customize( 'et_divi[header_color]', function( value ) {
value.bind( function( to ) {
$( 'head style#header_color' ).remove(),
custom_style = "<style id='header_color'>\
h1,h2,h3,h4,h5,h6" + css('h1,h2,h3,h4,h5,h6') + " { color: " + to + "; }\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[disable_custom_footer_credits]', function( value ) {
value.bind( function( to ) {
var footer_info_html = '';
if ( to === false ) {
var custom_footer_credits = wp.customize.value('et_divi[custom_footer_credits]')();
footer_info_html = $.trim( custom_footer_credits ) !== '' ? custom_footer_credits : et_footer_info_original_html;
}
$et_footer_info.html( footer_info_html );
} );
} );
wp.customize( 'et_divi[custom_footer_credits]', function( value ) {
value.bind( function( to ) {
if ( $.trim( to ) === '' ) {
to = et_footer_info_original_html;
}
$et_footer_info.html( to );
} );
} );
wp.customize( 'et_divi[footer_bg]', function( value ) {
value.bind( function( to ) {
$( '#main-footer' ).css( 'background-color', to );
} );
} );
wp.customize( 'et_divi[footer_columns]', function( value ) {
value.bind( function( to ) {
var $body = $('body');
if ( to ) {
$body.removeClass(function(index, css){
return (css.match (/\bet_pb_footer_columns\S+/g) || []).join(' ')
});
$body.addClass( 'et_pb_footer_columns' + to );
}
} );
} );
wp.customize( 'et_divi[footer_widget_link_color]', function( value ) {
value.bind( function( to ) {
$( '#footer-widgets .footer-widget a' ).css( 'color', to );
} );
} );
wp.customize( 'et_divi[footer_widget_text_color]', function( value ) {
value.bind( function( to ) {
$( '.footer-widget' ).css( 'color', to );
} );
} );
wp.customize( 'et_divi[footer_widget_header_color]', function( value ) {
value.bind( function( to ) {
$( '#main-footer .footer-widget h4' ).css( 'color', to );
} );
} );
wp.customize( 'et_divi[footer_widget_bullet_color]', function( value ) {
value.bind( function( to ) {
$( 'head style#footer_widget_bullet_color' ).remove(),
custom_style = "<style id='footer_widget_bullet_color'>\
.footer-widget li:before { border-color: " + to + "; }\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[widget_header_font_size]', function( value ) {
value.bind( function( to ) {
$( '.footer-widget h4' ).css( 'font-size', to + 'px' );
} );
} );
wp.customize( 'et_divi[widget_header_font_style]', function( value ) {
value.bind( function( to ) {
et_print_module_styles_css(
'et_divi[widget_header_font_style]',
'font-styles',
'.footer-widget h4',
to
);
} );
} );
wp.customize( 'et_divi[widget_body_font_size]', function( value ) {
value.bind( function( to ) {
$( '.footer-widget li, .footer-widget li a, .footer-widget div, .footer-widget, #footer-info' ).css( 'font-size', to + 'px' );
et_fix_footer_widget_bullet_top();
} );
} );
wp.customize( 'et_divi[footer_menu_background_color]', function( value ) {
value.bind( function( to ) {
et_print_module_styles_css(
'et_divi[footer_menu_background_color]',
'background-color',
'#et-footer-nav',
to
);
} );
} );
wp.customize( 'et_divi[footer_menu_text_color]', function( value ) {
value.bind( function( to ) {
et_print_module_styles_css(
'et_divi[footer_menu_text_color]',
'color',
'.bottom-nav, .bottom-nav a, .bottom-nav li.current-menu-item a',
to
);
} );
} );
wp.customize( 'et_divi[footer_menu_active_link_color]', function( value ) {
value.bind( function( to ) {
et_print_module_styles_css(
'et_divi[footer_menu_active_link_color]',
'color',
'#et-footer-nav .bottom-nav li.current-menu-item a',
to
);
} );
} );
wp.customize( 'et_divi[footer_menu_letter_spacing]', function( value ) {
value.bind( function( to ) {
et_print_module_styles_css(
'et_divi[footer_menu_letter_spacing]',
'letter-spacing',
'.bottom-nav',
to
);
} );
} );
wp.customize( 'et_divi[footer_menu_font_style]', function( value ) {
value.bind( function( to ) {
et_print_module_styles_css(
'et_divi[footer_menu_font_style]',
'font-styles',
'.bottom-nav a',
to
);
} );
} );
wp.customize( 'et_divi[footer_menu_font_size]', function( value ) {
value.bind( function( to ) {
et_print_module_styles_css(
'et_divi[footer_menu_font_size]',
'font-size',
'.bottom-nav, .bottom-nav a',
to
);
} );
} );
wp.customize( 'et_divi[bottom_bar_background_color]', function( value ) {
value.bind( function( to ) {
et_print_module_styles_css(
'et_divi[bottom_bar_background_color]',
'background-color',
'#footer-bottom',
to
);
} );
} );
wp.customize( 'et_divi[bottom_bar_text_color]', function( value ) {
value.bind( function( to ) {
et_print_module_styles_css(
'et_divi[bottom_bar_text_color]',
'color',
'#footer-info, #footer-info a',
to
);
} );
} );
wp.customize( 'et_divi[bottom_bar_font_style]', function( value ) {
value.bind( function( to ) {
et_print_module_styles_css(
'et_divi[bottom_bar_font_style]',
'font-styles',
'#footer-info, #footer-info a',
to
);
} );
} );
wp.customize( 'et_divi[bottom_bar_font_size]', function( value ) {
value.bind( function( to ) {
et_print_module_styles_css(
'et_divi[bottom_bar_font_size]',
'font-size',
'#footer-info',
to,
true
);
} );
} );
wp.customize( 'et_divi[bottom_bar_social_icon_size]', function( value ) {
value.bind( function( to ) {
et_print_module_styles_css(
'et_divi[bottom_bar_social_icon_size]',
'font-size',
'#footer-bottom .et-social-icon a',
to
);
} );
} );
wp.customize( 'et_divi[bottom_bar_social_icon_color]', function( value ) {
value.bind( function( to ) {
et_print_module_styles_css(
'et_divi[bottom_bar_social_icon_color]',
'color',
'#footer-bottom .et-social-icon a',
to
);
} );
} );
wp.customize( 'et_divi[widget_body_font_style]', function( value ) {
value.bind( function( to ) {
et_print_module_styles_css(
'et_divi[widget_body_font_style]',
'font-styles',
'.footer-widget .et_pb_widget div, .footer-widget .et_pb_widget ul, .footer-widget .et_pb_widget ol, .footer-widget .et_pb_widget > label',
to
);
} );
} );
wp.customize( 'et_divi[widget_body_line_height]', function( value ) {
value.bind( function( to ) {
et_print_module_styles_css(
'et_divi[widget_body_line_height]',
'line-height',
'.footer-widget .et_pb_widget div, .footer-widget .et_pb_widget ul, .footer-widget .et_pb_widget ol, .footer-widget .et_pb_widget label',
to
);
et_fix_footer_widget_bullet_top();
} );
} );
wp.customize( 'et_divi[menu_link]', function( value ) {
value.bind( function( to ) {
$( 'head style#menu_link' ).remove(),
custom_style = "<style id='menu_link'>\
#et_search_icon:before, #et_top_search .et-search-form input, .et_search_form_container input, span.et_close_search_field:after, #et-top-navigation .et-cart-info { color: " + to + " !important; }\
.et_nav_text_color_light #top-menu > li > a, .et_nav_text_color_dark #top-menu > li > a, #top-menu a { color: " + to + "; }\
.et_search_form_container input::-moz-placeholder { color: " + to + "; }\
.et_search_form_container input::-webkit-input-placeholder { color: " + to + "; }\
.et_search_form_container input:-ms-input-placeholder { color: " + to + "; }\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[secondary_nav_text_color_new]', function( value ) {
value.bind( function( to ) {
$( 'head style#secondary_nav_text_color_new' ).remove(),
custom_style = "<style id='secondary_nav_text_color_new'>\
#top-header, #top-header a { color: " + to + " !important; }\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[mobile_menu_link]', function( value ) {
value.bind( function( to ) {
$( 'head style#mobile_menu_link' ).remove(),
custom_style = "<style id='mobile_menu_link'>\
@media only screen and ( max-width: 980px ) {\
.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page, .et_mobile_menu li a, .mobile_menu_bar:before, .et_nav_text_color_light #top-menu > li > a, .et_nav_text_color_dark #top-menu > li > a, #top-menu a, #et_search_icon:before, #et_top_search .et-search-form input, .et_search_form_container input, .et_close_search_field:after, #et-top-navigation .et-cart-info { color: " + to + " !important; }\
.et_search_form_container input::-moz-placeholder { color: " + to + " !important; }\
.et_search_form_container input::-webkit-input-placeholder { color: " + to + " !important; }\
.et_search_form_container input:-ms-input-placeholder { color: " + to + " !important; }\
}\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[menu_link_active]', function( value ) {
value.bind( function( to ) {
$( 'head style#menu_link_active' ).remove(),
custom_style = "<style id='menu_link_active'>\
#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a { color: " + to + " !important; }\
</style>",
$( 'head' ).append( custom_style );
} );
} );
wp.customize( 'et_divi[content_width]', function( value ) {
value.bind( function( to ) {
$( '.container, .et_pb_row, .et_pb_slider .et_pb_container, .et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container' ).css( 'max-width', to + 'px' );
} );
value.bind( function( to ) {
$( '.et_boxed_layout #page-container, .et_boxed_layout #page-container #top-header, .et_boxed_layout #page-container #main-header, .et_boxed_layout #page-container .container, .et_boxed_layout #page-container .et_pb_row' ).css( 'max-width', parseInt(to) + 160 + 'px' );
} );
} );
wp.customize( 'et_divi[gutter_width]', function( value ) {
value.bind( function( to ) {
var $body = $('body');
if ( to ) {
$body.removeClass( 'et_pb_gutters1 et_pb_gutters2 et_pb_gutters3 et_pb_gutters4' );
$body.addClass( 'et_pb_gutters' + to );
}
} );
} );
wp.customize( 'et_divi[sidebar_width]', function( value ) {
value.bind( function( to ) {
add_content_sidebar_style( to );
} );
} );
wp.customize( 'et_divi[use_sidebar_width]', function( value ) {
value.bind( function( to ) {
var $body = $('body');
if ( to ) {
$body.removeClass( 'et_pb_gutter ' );
add_content_sidebar_style( wp.customize.value( 'et_divi[sidebar_width]' )() );
} else {
$body.addClass( 'et_pb_gutter' );
$( 'style#theme-customizer-sidebar-width-css').remove();
}
} );
} );
wp.customize( 'et_divi[boxed_layout]', function( value ) {
value.bind( function( to ) {
var $body = $('body');
if ( to ) {
$body.addClass( 'et_boxed_layout' );
} else {
$body.removeClass( 'et_boxed_layout' );
$( '#main-header, #page-container, #top-header' ).css( 'max-width', 'none' )
}
} );
} );
wp.customize( 'et_divi[cover_background]', function( value ) {
value.bind( function( to ) {
var $body = $('body');
if ( to ) {
$body.addClass( 'et_cover_background' );
} else {
$body.removeClass( 'et_cover_background' );
}
} );
} );
wp.customize( 'et_divi[show_header_social_icons]', function( value ) {
value.bind( function( to ) {
var $social_icons = $( '#top-header ul.et-social-icons, .et_slide_menu_top ul.et-social-icons' ),
$social_icons_container = $( '#et-info' ),
$social_icons_container_slide = $( '.et_slide_menu_top' ),
is_slide_header = $( 'body' ).hasClass( 'et_header_style_slide' ) || $( 'body' ).hasClass( 'et_header_style_fullscreen' );
if ( ! is_slide_header ) {
et_maybe_create_secondary_nav();
}
if ( to ) {
if ( $social_icons.length ) {
$social_icons.show();
} else {
var $social_icons_ul = $( 'body' ).find( '.et_customizer_social_icons .et-social-icons' ).clone();
$social_icons_container.append( $social_icons_ul );
$social_icons_container_slide.prepend( $social_icons_ul );
}
} else {
$social_icons.hide();
}
et_fix_slide_in_top_bar();
} );
} );
wp.customize( 'et_divi[show_search_icon]', function( value ) {
value.bind( function( to ) {
var $body = $('body');
if ( to ) {
$body.removeClass( 'et_hide_search_icon' );
} else {
$body.addClass( 'et_hide_search_icon' );
}
et_fix_slide_in_top_bar();
} );
} );
wp.customize( 'et_divi[show_footer_social_icons]', function( value ) {
value.bind( function( to ) {
var $social_icons = $('#main-footer ul.et-social-icons');
if ( to ) {
if ( $social_icons.length ) {
$social_icons.show();
} else {
var $social_icons_ul = $( 'body' ).find( '.et_customizer_social_icons .et-social-icons' ).clone();
$( '#footer-bottom .container' ).append( $social_icons_ul );
}
} else {
$social_icons.hide();
}
} );
} );
wp.customize( 'et_divi[header_style]', function( value ) {
value.bind( function( to ) {
var header_style_prefix = 'et_header_style_',
header_default_left = $( 'body' ).hasClass( 'et_boxed_layout' ) ? $( '#page-container' ).css( 'margin-left' ) : '0',
$header_toggle = $( '#et-top-navigation .et_pb_header_toggle' );
// Transitioning logo causes incorrect header height calculation. Hide logo to begin
$('#logo').hide();
et_remove_element_class( header_style_prefix );
$( 'body' ).addClass( header_style_prefix + to );
if ( 'slide' === to || 'fullscreen' === to ) {
$( 'body' ).addClass( header_style_prefix + 'left' );
if ( 'slide' === to ) {
$header_toggle.addClass( 'et_toggle_slide_menu' ).removeClass( 'et_toggle_fullscreen_menu' );
} else {
$header_toggle.addClass( 'et_toggle_fullscreen_menu' ).removeClass( 'et_toggle_slide_menu' );
}
// fix the unwanted appearance of slide in and fullscreen menus right after the header style switch
$( '.et_slide_in_menu_container' ).toggle();
$( '.et_slide_in_menu_container' ).toggle();
}
// close the slide in and fullscreen menus if they were opened
$( '.et_slide_in_menu_container' ).animate( { right : '-100%' } ).removeClass( 'et_pb_slide_menu_opened' );
$( '#page-container' ).animate( { left : '0' } );
$( '#main-header' ).animate( { left : header_default_left } );
$( 'body' ).removeClass( 'et_pb_slide_menu_active' );
$( 'body' ).removeClass( 'et_pb_fullscreen_menu_active' );
$( '.et_toggle_slide_menu' ).removeClass( 'et_pb_fullscreen_menu_opened' );
et_maybe_fix_header_style( to );
et_slide_to_top();
et_fix_logo_height();
et_fix_page_container_position();
et_fix_page_top_padding();
et_fix_fullscreen_section();
// Display the logo back
$('#logo').fadeIn();
} );
} );
wp.customize( 'et_divi[primary_nav_dropdown_animation]', function( value ) {
value.bind( function( to ) {
var primary_dropdown_animation_prefix = 'et_primary_nav_dropdown_animation_';
et_remove_element_class( primary_dropdown_animation_prefix );
$( 'body' ).addClass( primary_dropdown_animation_prefix + to );
} );
} );
wp.customize( 'et_divi[secondary_nav_dropdown_animation]', function( value ) {
value.bind( function( to ) {
var secondary_dropdown_animation_prefix = 'et_secondary_nav_dropdown_animation_';
et_remove_element_class( secondary_dropdown_animation_prefix );
$( 'body' ).addClass( secondary_dropdown_animation_prefix + to );
} );
} );
wp.customize( 'et_divi[phone_number]', function( value ) {
value.bind( function( to ) {
et_maybe_create_secondary_nav();
var $info = $('#et-info');
var $phone_number = $('#et-info-phone');
var $container = $('#top-header .container');
if (!$phone_number.length) {
if (!$info.length && $container.length) {
$info = $('<div id="et-info"></div>');
$container.prepend($info);
}
if ($info.length) {
$info.prepend( '<span id="et-info-phone"></span>' );
}
$phone_number = $( '#et-info-phone' );
}
if ( to.trim() !== '' ) {
$phone_number.show().html( to );
} else {
$phone_number.hide();
et_maybe_remove_secondary_nav();
}
} );
} );
wp.customize( 'et_divi[header_email]', function( value ) {
value.bind( function( to ) {
et_maybe_create_secondary_nav();
var $info = $('#et-info');
var $email = $('#et-info-email');
var $container = $('#top-header .container');
if (!$email.length) {
if (!$info.length && $container.length) {
$info = $('<div id="et-info"></div>');
$container.prepend($info);
}
if ($info.length) {
$info.append('<span id="et-info-email"></span>');
}
$email = $( '#et-info-email' );
}
if ( to.trim() !== '' ) {
$email.show().text( to );
} else {
$email.hide();
}
} );
} );
wp.customize( 'et_divi[primary_nav_text_color]', function( value ) {
value.bind( function( to ) {
var nav_color_prefix = 'et_nav_text_color_',
element = '#main-header';
et_remove_element_class( nav_color_prefix, element );
$( element ).addClass( nav_color_prefix + to );
} );
} );
wp.customize( 'et_divi[secondary_nav_text_color]', function( value ) {
value.bind( function( to ) {
var nav_color_prefix = 'et_nav_text_color_',
element = '#top-header';
et_remove_element_class( nav_color_prefix, element );
$( element ).addClass( nav_color_prefix + to );
} );
} );
wp.customize( 'et_divi[vertical_nav]', function( value ) {
value.bind( function( to ) {
var $body = $('body'),
$top_navigation = $( '#et-top-navigation' ),
main_header_bg = $( '#main-header').css( 'background-color' ),
menu_height = typeof wp.customize.value( 'et_divi[menu_height]' )() === 'undefined' ? 66 : parseInt( wp.customize.value( 'et_divi[menu_height]' )() );
$top_navigation.css( 'padding-left', 0 );
var header_style = ( $('.et_header_style_split').length ) ? 'split' : 'not-split';
if ( header_style == 'split' ) {
var $et_window = $(window),
$et_top_navigation = $('#et-top-navigation'),
$logo_container = $('#main-header > .container > .logo_container'),
$logo_container_splitted = $('.centered-inline-logo-wrap > .logo_container'),
et_top_navigation_li_size = $et_top_navigation.children('nav').children('ul').children('li').size(),
et_top_navigation_li_break_index = Math.round( et_top_navigation_li_size / 2 ) - 1;
if ( ! to && $et_window.width() >= 980 ) {
$('<li class="centered-inline-logo-wrap"></li>').insertAfter($et_top_navigation.find('nav > ul >li:nth('+et_top_navigation_li_break_index+')') );
$logo_container.appendTo( $et_top_navigation.find('.centered-inline-logo-wrap') );
} else {
$logo_container_splitted.prependTo('#main-header > .container');
$('#main-header .centered-inline-logo-wrap').remove();
}
}
if ( to ) {
$body.addClass( 'et_vertical_nav' );
window.et_is_vertical_nav = true;
if ( 'left' === wp.customize.value( 'et_divi[vertical_nav_orientation]' )() ) {
$body.removeClass( 'et_vertical_right' );
} else {
$body.addClass( 'et_vertical_right' );
}
if ( $body.hasClass( 'et_fixed_nav' ) ) {
$body.removeClass( 'et_fixed_nav' ).addClass( 'et_fixed_nav_temp' );
window.et_is_fixed_nav = false;
$('#main-header').css( { 'transform': 'translateY(0)', 'top': '0' } );
$('#top-header').css( { 'transform': 'translateY(0)', 'top': '0' } );
}
} else {
$body.find( '#main-header' ).removeClass( '.et-fixed-header' );
$body.removeClass( 'et_vertical_nav' );
window.et_is_vertical_nav = false;
if ( $body.hasClass( 'et_fixed_nav_temp' ) || $body.hasClass( 'et_vertical_fixed' ) ) {
$body.removeClass( 'et_fixed_nav_temp et_vertical_fixed' ).addClass( 'et_fixed_nav' );
window.et_is_fixed_nav = true;
} else {
window.et_is_fixed_nav = false;
}
et_fix_page_top_padding();
}
// .et_transparent_nav should only be present at <body> on this condition: horizontal nav + transparent #main-header background
if ( ! window.et_is_vertical_nav && 'rgba' === main_header_bg.substr( 0, 4 ) ) {
$body.addClass( 'et_transparent_nav' );
} else {
$body.removeClass( 'et_transparent_nav' );
}
// .et_fullwidth_nav should not be added on vertical_nav enabled.
// Add et_fullwidth_nav_temp to anticipate fullwidth nav to vertical to fullwidth nav switching
if ( to && $body.is( '.et_fullwidth_nav' ) ){
$body.removeClass( 'et_fullwidth_nav' ).addClass( 'et_fullwidth_nav_temp' );
} else if ( ! to && $body.is( '.et_fullwidth_nav_temp' ) ) {
$body.removeClass( 'et_fullwidth_nav_temp' ).addClass( 'et_fullwidth_nav' );
}
if ( to && $body.hasClass( 'et_hide_nav') ) {
$body.removeClass( 'et_hide_nav' ).addClass( 'et_hide_nav_temp' );
} else if ( ! to && $body.hasClass( 'et_hide_nav_temp' ) ) {
$body.removeClass( 'et_hide_nav_temp' ).addClass( 'et_hide_nav' );
}
// Add body class for navigation transition marking
if ( to ) {
$body.removeClass( 'nav-vertical-to-horizontal' ).addClass( 'nav-horizontal-to-vertical' );
} else {
$body.removeClass( 'nav-horizontal-to-vertical' ).addClass( 'nav-vertical-to-horizontal' );
}
// Fix menu styles
add_menu_styles( menu_height, 'full_menu', 'not-fixed' );
et_fix_logo_height();
et_fix_page_container_position();
et_fix_fullscreen_section();
et_set_right_vertical_menu();
} );
} );
wp.customize( 'et_divi[vertical_nav_orientation]', function( value ) {
value.bind( function( to ) {
var $body = $( 'body' );
if ( 'right' === to ) {
$body.addClass( 'et_vertical_right' );
et_set_right_vertical_menu();
} else {
$body.removeClass( 'et_vertical_right' );
if ( $body.hasClass( 'et_boxed_layout' ) && $body.hasClass( 'et_vertical_fixed' ) ) {
var header_offset = $( '#page-container' ).css( 'margin-left' );
$( '#main-header' ).css( 'right', '' );
$( '#main-header' ).css( 'left', header_offset );
}
}
} );
} );
wp.customize( 'et_divi[hide_nav]', function( value ) {
value.bind( function( to ) {
var $window = $(window),
$body = $('body'),
$secondary_nav_height = $body.find( '#top-header' ).length ? $body.find( '#top-header' ).innerHeight() : 0,
$pagecontainer = $body.find( '#page-container' ),
$mainheader = $body.find( '#main-header' ),
$topheader = $body.find( '#top-header' ),
$hiddenheaderheight = $body.find( '#main-header' ).innerHeight() + $secondary_nav_height;
if ( $window.width() < 981 ) {
return;
}
if ( !$body.hasClass('et_hide_nav') ) {
$body.addClass( 'et_hide_nav' );
$pagecontainer.css( 'paddingTop', 0 );
$mainheader.css( 'transform', 'translateY(-' + $hiddenheaderheight + 'px)' );
$topheader.css( 'transform', 'translateY(-' + $hiddenheaderheight + 'px)' );
} else {
$body.removeClass( 'et_hide_nav' );
$mainheader.css( 'transform', 'translateY(0)' );
$topheader.css( 'transform', 'translateY(0)' );
et_fix_page_top_padding();
}
et_fix_fullscreen_section();
} );
} );
wp.customize( 'et_divi[hide_primary_logo]', function( value ) {
value.bind( function( to ) {
var $body = $('body');
if ( to ) {
$body.addClass( 'et_hide_primary_logo' );
} else {
$body.removeClass( 'et_hide_primary_logo' );
}
} );
} );
wp.customize( 'et_divi[hide_fixed_logo]', function( value ) {
value.bind( function( to ) {
var $body = $('body');
if ( to ) {
$body.addClass( 'et_hide_fixed_logo' );
} else {
$body.removeClass( 'et_hide_fixed_logo' );
}
} );
} );
wp.customize( 'et_divi[hide_mobile_logo]', function( value ) {
value.bind( function( to ) {
var $body = $('body');
if ( to ) {
$body.addClass( 'et_hide_mobile_logo' );
} else {
$body.removeClass( 'et_hide_mobile_logo' );
}
} );
} );
wp.customize( 'et_divi[color_schemes]', function( value ) {
value.bind( function( to ) {
var $body = $( 'body' ),
body_classes = $body.attr( 'class' ),
et_customizer_color_scheme_prefix = 'et_color_scheme_',
body_class;
body_class = body_classes.replace( /et_color_scheme_[^\s]+/, '' );
$body.attr( 'class', $.trim( body_class ) );
if ( 'none' !== to )
$body.addClass( et_customizer_color_scheme_prefix + to );
} );
} );
wp.customize( 'et_divi[nav_fullwidth]', function( value ) {
value.bind( function( to ) {
var $body = $('body');
if ( to ) {
$body.addClass('et_fullwidth_nav');
} else {
$body.removeClass('et_fullwidth_nav');
}
} );
} );
wp.customize( 'et_divi[menu_height]', function( value ) {
value.bind( function( to ) {
// Update height data
$('#et-top-navigation').attr( 'data-height', to );
// Update main-header data-height-onload: it's critical for page et_fix_page_top_padding()
et_fix_saved_main_header_height( 'initial' );
add_menu_styles( to, 'full_menu', 'not-fixed' );
et_slide_to_top();
et_fix_logo_height();
et_fix_page_top_padding();
} );
} );
wp.customize( 'et_divi[logo_height]', function( value ) {
value.bind( function( to ) {
var header_style = typeof wp.customize.value( 'et_divi[header_style]' )() === 'undefined' ? 'left' : wp.customize.value( 'et_divi[header_style]' )();
// Update logo height data
$('#logo').attr( 'data-height-percentage', to );
if ( header_style === 'split' ) {
$('#logo').hide();
}
et_fix_logo_height();
if ( header_style === 'split' ) {
setTimeout( function() {
$('#logo').fadeIn();
}, 500 );
}
} );
} );
wp.customize( 'et_divi[menu_margin_top]', function( value ) {
value.bind( function( to ) {
var style_id = 'style#menu_margin_top',
$style_content = '<style id="menu_margin_top">@media only screen and ( min-width: 981px ) { .et_vertical_nav #et-top-navigation { margin-top: ' + to + 'px } }</style>';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[minimized_menu_height]', function( value ) {
value.bind( function( to ) {
// Update height data
$('#et-top-navigation').attr( 'data-fixed-height', to );
add_menu_styles( to, 'fixed_menu', 'fixed' );
et_fix_logo_height();
et_fix_page_container_position();
et_fix_fullscreen_section();
$(window).trigger('resize');
} );
} );
wp.customize( 'et_divi[secondary_nav_font_size]', function( value ) {
value.bind( function( to ) {
var social_icons_style = '<style id="header_social_icons">#top-header .et-social-icon a:before { font-size:' + to + 'px }</style>',
$style_id = $( 'style#header_social_icons' );
$( '#top-header, #top-header a' ).css( 'font-size', to + 'px' );
if ( $( 'body' ).hasClass( 'et_fixed_nav' ) ) {
$( '#main-header' ).css( 'top', $( '#top-header' ).innerHeight() );
}
if ( $style_id.length ) {
$( $style_id ).replaceWith( social_icons_style );
} else {
$( 'head' ).append( social_icons_style );
}
et_slide_to_top();
et_fix_page_top_padding();
} );
} );
wp.customize( 'et_divi[primary_nav_font_size]', function( value ) {
value.bind( function( to ) {
var $style_content = "<style id='search_font_size'> body.et_vertical_nav .container.et_search_form_container .et-search-form input { font-size:" + to + "px !important; }\
</style>",
style_id = 'style#search_font_size';
et_customizer_update_styles( style_id, $style_content );
$( '#top-menu li a' ).css( 'font-size', to + 'px' );
} );
} );
/* Blog Panel */
wp.customize( 'et_divi[post_meta_font_size]', function( value ) {
value.bind( function( to ) {
var $style_content = "<style id='post_meta_font_size'>@media only screen and ( min-width: 981px ) { \
body.home-posts #left-area .et_pb_post .post-meta,\
body.archive #left-area .et_pb_post .post-meta,\
body.search #left-area .et_pb_post .post-meta,\
body.single #left-area .et_pb_post .post-meta { font-size:" + to + "px; }\
}</style>",
style_id = 'style#post_meta_font_size';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[post_meta_height]', function( value ) {
value.bind( function( to ) {
var $style_content = "<style id='post_meta_height'> \
body.home-posts #left-area .et_pb_post .post-meta,\
body.archive #left-area .et_pb_post .post-meta,\
body.search #left-area .et_pb_post .post-meta,\
body.single #left-area .et_pb_post .post-meta { line-height: " + to + "em; }\
</style>",
style_id = 'style#post_meta_height';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[post_meta_spacing]', function( value ) {
value.bind( function( to ) {
var $style_content = "<style id='post_meta_spacing'> \
body.home-posts #left-area .et_pb_post .post-meta,\
body.archive #left-area .et_pb_post .post-meta,\
body.search #left-area .et_pb_post .post-meta,\
body.single #left-area .et_pb_post .post-meta { letter-spacing: " + to + "px; }\
</style>",
style_id = 'style#post_meta_spacing';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[post_meta_style]', function( value ) {
value.bind( function( to ) {
var styles = et_set_font_styles( to, '' ),
$button_style = '<style id="post_meta_style"> \
body.home-posts #left-area .et_pb_post .post-meta,\
body.archive #left-area .et_pb_post .post-meta,\
body.search #left-area .et_pb_post .post-meta,\
body.single #left-area .et_pb_post .post-meta {' + styles + '}</style>',
style_id = 'style#post_meta_style';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[post_header_font_size]', function( value ) {
value.bind( function( to ) {
var $style_content = "<style id='post_header_font_size'>@media only screen and ( min-width: 981px ) {\
body.home-posts #left-area .et_pb_post h2,\
body.archive #left-area .et_pb_post h2,\
body.search #left-area .et_pb_post h2 { font-size:" + parseInt( to ) * ( 26 / 30 ) + "px }\
body.single .et_post_meta_wrapper h1 { font-size:" + to + "px; }\
}</style>",
style_id = 'style#post_header_font_size';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[post_header_height]', function( value ) {
value.bind( function( to ) {
var $style_content = "<style id='post_header_height'>\
body.home-posts #left-area .et_pb_post h2,\
body.archive #left-area .et_pb_post h2,\
body.search #left-area .et_pb_post h2,\
body.single .et_post_meta_wrapper h1 { line-height: " + to + "em; }\
</style>",
style_id = 'style#post_header_height';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[post_header_spacing]', function( value ) {
value.bind( function( to ) {
var $style_content = "<style id='post_header_spacing'>\
body.home-posts #left-area .et_pb_post h2,\
body.archive #left-area .et_pb_post h2,\
body.search #left-area .et_pb_post h2,\
body.single .et_post_meta_wrapper h1 { letter-spacing: " + to + "px; }\
</style>",
style_id = 'style#post_header_spacing';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[post_header_style]', function( value ) {
value.bind( function( to ) {
var styles = et_set_font_styles( to, '' ),
$button_style = '<style id="post_header_style">\
body.home-posts #left-area .et_pb_post h2,\
body.archive #left-area .et_pb_post h2,\
body.search #left-area .et_pb_post h2,\
body.single .et_post_meta_wrapper h1 {' + styles + '}\
</style>',
style_id = 'style#post_header_style';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[all_buttons_font_size]', function( value ) {
value.bind( function( to ) {
var $button_style = '<style id="buttons_icon_font_size">body #page-container .et_pb_button, ' + css('.et_pb_button') + '{ font-size: ' + to + 'px; } body #page-container .et_pb_button:after, ' + css('.et_pb_button:after') + ', .woocommerce a.button.alt:after, .woocommerce-page a.button.alt:after, .woocommerce button.button.alt:after, .woocommerce-page button.button.alt:after, .woocommerce input.button.alt:after, .woocommerce-page input.button.alt:after, .woocommerce #respond input#submit.alt:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce #content input.button.alt:after, .woocommerce-page #content input.button.alt:after, .woocommerce a.button:after, .woocommerce-page a.button:after, .woocommerce button.button:after, .woocommerce-page button.button:after, .woocommerce input.button:after, .woocommerce-page input.button:after, .woocommerce #respond input#submit:after, .woocommerce-page #respond input#submit:after, .woocommerce #content input.button:after, .woocommerce-page #content input.button:after { font-size:' + parseInt( to ) * 1.6 + 'px; } body.et_button_custom_icon #page-container .et_pb_button:after, body.et_button_custom_icon.' + css('.et_pb_button:after') + ' { font-size:' + to + 'px; } </style>',
style_id = 'style#buttons_icon_font_size';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[all_buttons_text_color]', function( value ) {
value.bind( function( to ) {
var $button_style = "<style id='buttons_text_color'> body.et_pb_button_helper_class #page-container .et_pb_button, body.et_pb_button_helper_class " + css('.et_pb_button') + ", \
.woocommerce.et_pb_button_helper_class a.button.alt, .woocommerce-page.et_pb_button_helper_class a.button.alt, .woocommerce.et_pb_button_helper_class button.button.alt, .woocommerce.et_pb_button_helper_class button.button.alt.disabled, .woocommerce-page.et_pb_button_helper_class button.button.alt, .woocommerce-page.et_pb_button_helper_class button.button.alt.disabled, .woocommerce.et_pb_button_helper_class input.button.alt, .woocommerce-page.et_pb_button_helper_class input.button.alt, .woocommerce.et_pb_button_helper_class #respond input#submit.alt, .woocommerce-page.et_pb_button_helper_class #respond input#submit.alt, .woocommerce.et_pb_button_helper_class #content input.button.alt, .woocommerce-page.et_pb_button_helper_class #content input.button.alt,\
.woocommerce.et_pb_button_helper_class a.button, .woocommerce-page.et_pb_button_helper_class a.button, .woocommerce.et_pb_button_helper_class button.button, .woocommerce-page.et_pb_button_helper_class button.button, .woocommerce.et_pb_button_helper_class input.button, .woocommerce-page.et_pb_button_helper_class input.button, .woocommerce.et_pb_button_helper_class #respond input#submit, .woocommerce-page.et_pb_button_helper_class #respond input#submit, .woocommerce.et_pb_button_helper_class #content input.button, .woocommerce-page.et_pb_button_helper_class #content input.button { color:" + to + ";}\
</style>",
style_id = 'style#buttons_text_color';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[all_buttons_bg_color]', function( value ) {
value.bind( function( to ) {
var $button_style = '<style id="buttons_bg_color">body #page-container .et_pb_button, body ' + css('.et_pb_button') + ', .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button { background:' + to + ';}</style>',
style_id = 'style#buttons_bg_color';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[all_buttons_border_width]', function( value ) {
value.bind( function( to ) {
var $button_style = '<style id="buttons_border_width">body #page-container .et_pb_button, body ' + css('.et_pb_button') + ', .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button { border-width:' + to + 'px !important; }</style>',
style_id = 'style#buttons_border_width';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[all_buttons_border_color]', function( value ) {
value.bind( function( to ) {
var $button_style = '<style id="buttons_border_color">body #page-container .et_pb_button, body ' + css('.et_pb_button') + ', .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button { border-color:' + to + ';}</style>',
style_id = 'style#buttons_border_color';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[all_buttons_border_radius]', function( value ) {
value.bind( function( to ) {
var $button_style = '<style id="buttons_border_radius">body #page-container .et_pb_button, body ' + css('.et_pb_button') + ', .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button { border-radius:' + to + 'px;}</style>',
style_id = 'style#buttons_border_radius';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[all_buttons_font_style]', function( value ) {
value.bind( function( to ) {
var styles = et_set_font_styles( to, '' ),
$button_style = '<style id="buttons_font_style">body #page-container .et_pb_button, body ' + css('.et_pb_button') + ', .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button {' + styles + '}</style>',
style_id = 'style#buttons_font_style';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[primary_nav_font_style]', function( value ) {
value.bind( function( to ) {
var styles = et_set_font_styles( to, '' ),
$button_style = "<style id='primary_nav_font_style'> #top-menu li a, .et_search_form_container input {" + styles + "}\
.et_search_form_container input::-moz-placeholder { " + styles + " }\
.et_search_form_container input::-webkit-input-placeholder { " + styles + " }\
.et_search_form_container input:-ms-input-placeholder { " + styles + " }\
</style>",
style_id = 'style#primary_nav_font_style';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[secondary_nav_font_style]', function( value ) {
value.bind( function( to ) {
var styles = et_set_font_styles( to, '' ),
$button_style = '<style id="secondary_nav_font_style"> #top-header, #top-header a, #et-secondary-nav li li a, #top-header .et-social-icon a:before {' + styles + '}</style>',
style_id = 'style#secondary_nav_font_style';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[body_header_style]', function( value ) {
value.bind( function( to ) {
var styles = et_set_font_styles( to, '' ),
$button_style = '<style id="body_header_style"> h1, h2, h3, h4, h5, h6, ' + css('h1, h2, h3, h4, h5, h6, .et_quote_content blockquote p, .et_pb_slide_description .et_pb_slide_title') + ' {' + styles + '}</style>',
style_id = 'style#body_header_style';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[all_buttons_selected_icon]', function( value ) {
value.bind( function( to ) {
var button_font_size = $( '.et_pb_button' ).css( 'font-size' ),
$button_style = "<style id='buttons_icon'>body #page-container .et_pb_button:after, body " + css('.et_pb_button:after') + ", .woocommerce a.button.alt:after, .woocommerce-page a.button.alt:after, .woocommerce button.button.alt:after, .woocommerce-page button.button.alt:after, .woocommerce input.button.alt:after, .woocommerce-page input.button.alt:after, .woocommerce #respond input#submit.alt:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce #content input.button.alt:after, .woocommerce-page #content input.button.alt:after, .woocommerce a.button:after, .woocommerce-page a.button:after, .woocommerce button.button:after, .woocommerce-page button.button:after, .woocommerce input.button:after, .woocommerce-page input.button:after, .woocommerce #respond input#submit:after, .woocommerce-page #respond input#submit:after, .woocommerce #content input.button:after, .woocommerce-page #content input.button:after { font-size:" + button_font_size + ";",
style_id = 'style#buttons_icon';
if ( "'" === to ) {
$button_style += 'content:"' + to + '";'
} else {
$button_style += "content:'" + to + "';"
}
$button_style += "}</style>";
et_customizer_update_styles( style_id, $button_style );
if ( '5' !== to ) {
$( 'body' ).addClass( 'et_button_custom_icon' );
} else {
$( 'body' ).removeClass( 'et_button_custom_icon' );
}
} );
} );
wp.customize( 'et_divi[all_buttons_icon_color]', function( value ) {
value.bind( function( to ) {
var $button_style = '<style id="buttons_icon_color">body #page-container .et_pb_button:after, body ' + css('.et_pb_button:after') + ', .woocommerce a.button.alt:after, .woocommerce-page a.button.alt:after, .woocommerce button.button.alt:after, .woocommerce-page button.button.alt:after, .woocommerce input.button.alt:after, .woocommerce-page input.button.alt:after, .woocommerce #respond input#submit.alt:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce #content input.button.alt:after, .woocommerce-page #content input.button.alt:after, .woocommerce a.button:after, .woocommerce-page a.button:after, .woocommerce button.button:after, .woocommerce-page button.button:after, .woocommerce input.button:after, .woocommerce-page input.button:after, .woocommerce #respond input#submit:after, .woocommerce-page #respond input#submit:after, .woocommerce #content input.button:after, .woocommerce-page #content input.button:after { color:' + to + ';}</style>',
style_id = 'style#buttons_icon_color';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[all_buttons_icon_placement]', function( value ) {
value.bind( function( to ) {
if ( 'left' === to ) {
$( 'body' ).addClass( 'et_button_left' );
} else {
$( 'body' ).removeClass( 'et_button_left' );
}
} );
} );
wp.customize( 'et_divi[all_buttons_icon_hover]', function( value ) {
value.bind( function( to ) {
if ( 'no' === to ) {
$( 'body' ).addClass( 'et_button_icon_visible' );
} else {
$( 'body' ).removeClass( 'et_button_icon_visible' );
}
} );
} );
wp.customize( 'et_divi[all_buttons_icon]', function( value ) {
value.bind( function( to ) {
if ( 'no' === to ) {
$( 'body' ).addClass( 'et_button_no_icon' );
} else {
$( 'body' ).removeClass( 'et_button_no_icon' );
}
} );
} );
var buttons_hover_selector = 'body #page-container .et_pb_button:hover, body ' + css('.et_pb_button:hover') + ', .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button.alt.disabled:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover';
wp.customize( 'et_divi[all_buttons_text_color_hover]', function( value ) {
value.bind( function( to ) {
var $button_style = '<style id="buttons_text_color_hover">' + buttons_hover_selector + ' { color: ' + to + ' !important; } </style>',
style_id = 'style#buttons_text_color_hover';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[all_buttons_bg_color_hover]', function( value ) {
value.bind( function( to ) {
var $button_style = '<style id="buttons_bg_color_hover">' + buttons_hover_selector + ' { background: ' + to + ' !important; } </style>',
style_id = 'style#buttons_bg_color_hover';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[all_buttons_border_color_hover]', function( value ) {
value.bind( function( to ) {
var $button_style = '<style id="buttons_border_color_hover">' + buttons_hover_selector + ' { border-color: ' + to + ' !important; } </style>',
style_id = 'style#buttons_border_color_hover';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[all_buttons_border_radius_hover]', function( value ) {
value.bind( function( to ) {
var $button_style = '<style id="buttons_border_radius_hover">' + buttons_hover_selector + ' { border-radius: ' + to + 'px !important; } </style>',
style_id = 'style#buttons_border_radius_hover';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[all_buttons_spacing]', function( value ) {
value.bind( function( to ) {
var $button_style = '<style id="buttons_spacing">body #page-container .et_pb_button, body ' + css('.et_pb_button') + ', .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button { letter-spacing: ' + to + 'px; } </style>',
style_id = 'style#buttons_spacing';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[all_buttons_spacing_hover]', function( value ) {
value.bind( function( to ) {
var $button_style = '<style id="buttons_spacing_hover">' + buttons_hover_selector + ' { letter-spacing: ' + to + 'px; } </style>',
style_id = 'style#buttons_spacing_hover';
et_customizer_update_styles( style_id, $button_style );
} );
} );
wp.customize( 'et_divi[slide_nav_show_top_bar]', function( value ) {
value.bind( function( to ) {
var $style_content,
style_id = 'style#slide_nav_show_top_bar';
if ( to ) {
$style_content = '<style id="slide_nav_show_top_bar"></style>';
$( 'body' ).removeClass( 'et_pb_no_top_bar_fullscreen' );
} else {
$style_content = '<style id="slide_nav_show_top_bar">.et_slide_menu_top{ display: none; }</style>';
$( 'body' ).addClass( 'et_pb_no_top_bar_fullscreen' );
}
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[slide_nav_bg]', function( value ) {
value.bind( function( to ) {
var $style_content = '<style id="slide_nav_bg">body #page-container .et_slide_in_menu_container{ background: ' + to + '; } </style>',
style_id = 'style#slide_nav_bg';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[slide_nav_links_color]', function( value ) {
value.bind( function( to ) {
var $style_content = '<style id="slide_nav_links_color">.et_slide_in_menu_container #mobile_menu_slide li span.et_mobile_menu_arrow:before, .et_slide_in_menu_container #mobile_menu_slide li a { color: ' + to + '; } </style>',
style_id = 'style#slide_nav_links_color';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[slide_nav_links_color_active]', function( value ) {
value.bind( function( to ) {
var $style_content = '<style id="slide_nav_links_color_active">.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item span.et_mobile_menu_arrow:before, .et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a { color: ' + to + '; } </style>',
style_id = 'style#slide_nav_links_color_active';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[slide_nav_top_color]', function( value ) {
value.bind( function( to ) {
var $style_content = "<style id='slide_nav_top_color'>.et_slide_in_menu_container .et_slide_menu_top, .et_slide_in_menu_container .et_slide_menu_top a, .et_slide_in_menu_container .et_slide_menu_top input { color: " + to + "; } \
.et_slide_in_menu_container .et_slide_menu_top .et-search-form input, .et_slide_in_menu_container .et_slide_menu_top .et-search-form button#searchsubmit_header:before { color: " + to + "; } \
.et_slide_in_menu_container .et_slide_menu_top .et-search-form input::-webkit-input-placeholder { color: " + to + "; } \
.et_slide_in_menu_container .et_slide_menu_top .et-search-form input::-moz-placeholder { color: " + to + "; } \
.et_slide_in_menu_container .et_slide_menu_top .et-search-form input:-ms-input-placeholder { color: " + to + "; } \
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu:before { color: " + to + "; } \
.et_header_style_fullscreen .et_slide_menu_top .et-search-form { border-color: " + to + "; } \
</style>",
style_id = 'style#slide_nav_top_color';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[slide_nav_search]', function( value ) {
value.bind( function( to ) {
var $style_content = "<style id='slide_nav_search'>.et_header_style_slide .et_slide_in_menu_container .et_slide_menu_top .et-search-form input,.et_header_style_slide .et_slide_in_menu_container .et_slide_menu_top .et-search-form button#searchsubmit_header:before { color: " + to + "; } \
.et_header_style_slide .et_slide_in_menu_container .et_slide_menu_top .et-search-form input::-webkit-input-placeholder { color: " + to + "; } \
.et_header_style_slide .et_slide_in_menu_container .et_slide_menu_top .et-search-form input::-moz-placeholder { color: " + to + "; } \
.et_header_style_slide .et_slide_in_menu_container .et_slide_menu_top .et-search-form input:-ms-input-placeholder { color: " + to + "; } \
</style>",
style_id = 'style#slide_nav_search';
if ( 'rgba(255,255,255,0.6)' === to ) {
$style_content = '';
}
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[slide_nav_search_bg]', function( value ) {
value.bind( function( to ) {
var $style_content = '<style id="slide_nav_search_bg">.et_header_style_slide .et_slide_in_menu_container .et_slide_menu_top .et-search-form { background: ' + to + ' !important; } </style>',
style_id = 'style#slide_nav_search_bg';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[slide_nav_width]', function( value ) {
value.bind( function( to ) {
var $style_content = '<style id="slide_nav_width">.et_header_style_slide .et_slide_in_menu_container { width: ' + to + 'px; } </style>',
style_id = 'style#slide_nav_width',
$slide_menu_container = $( '.et_slide_in_menu_container' ),
$page_container = $( '#page-container, .et_fixed_nav #main-header' ),
is_menu_opened = $( 'body' ).hasClass( 'et_pb_slide_menu_active' );
et_customizer_update_styles( style_id, $style_content );
if ( is_menu_opened ) {
$page_container.css( { left: '-' + $slide_menu_container.innerWidth() + 'px' } );
} else {
$slide_menu_container.css( { right: '-' + $slide_menu_container.innerWidth() + 'px' } );
}
} );
} );
wp.customize( 'et_divi[slide_nav_font_style]', function( value ) {
value.bind( function( to ) {
var styles = et_set_font_styles( to, '' ),
$style_content = '<style id="slide_nav_font_style"> .et_slide_in_menu_container, .et_slide_in_menu_container .et-search-field, .et_slide_in_menu_container a, .et_slide_in_menu_container #et-info span {' + styles + '}</style>',
style_id = 'style#slide_nav_font_style';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[slide_nav_font_size]', function( value ) {
value.bind( function( to ) {
var $style_content = "<style id='slide_nav_font_size'> .et_header_style_slide .et_slide_in_menu_container .et_mobile_menu li a { font-size:" + to + "px; }\
</style>",
style_id = 'style#slide_nav_font_size';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[slide_nav_top_font_size]', function( value ) {
value.bind( function( to ) {
var $style_content = "<style id='slide_nav_top_font_size'> .et_header_style_slide .et_slide_in_menu_container,.et_header_style_slide .et_slide_in_menu_container input.et-search-field,.et_header_style_slide .et_slide_in_menu_container a,.et_header_style_slide .et_slide_in_menu_container #et-info span,.et_header_style_slide .et_slide_menu_top ul.et-social-icons a,.et_header_style_slide .et_slide_menu_top span { font-size: " + to + "px; }\
.et_header_style_slide .et_slide_in_menu_container .et-search-field::-moz-placeholder { font-size: " + to + "px; }\
.et_header_style_slide .et_slide_in_menu_container .et-search-field::-webkit-input-placeholder { font-size: " + to + "px; }\
.et_header_style_slide .et_slide_in_menu_container .et-search-field:-ms-input-placeholder { font-size: " + to + "px; }\
</style>",
style_id = 'style#slide_nav_top_font_size';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[fullscreen_nav_font_size]', function( value ) {
value.bind( function( to ) {
var $style_content = "<style id='fullscreen_nav_font_size'> .et_header_style_fullscreen .et_slide_in_menu_container .et_mobile_menu li a { font-size:" + to + "px; }\
</style>",
style_id = 'style#fullscreen_nav_font_size';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[fullscreen_nav_top_font_size]', function( value ) {
value.bind( function( to ) {
var $style_content = "<style id='fullscreen_nav_top_font_size'> .et_header_style_fullscreen .et_slide_in_menu_container,.et_header_style_fullscreen .et_slide_in_menu_container input.et-search-field,.et_header_style_fullscreen .et_slide_in_menu_container a,.et_header_style_fullscreen .et_slide_in_menu_container #et-info span,.et_header_style_fullscreen .et_slide_menu_top ul.et-social-icons a,.et_header_style_fullscreen .et_slide_menu_top span { font-size: " + to + "px; }\
.et_header_style_fullscreen .et_slide_in_menu_container .et-search-field::-moz-placeholder { font-size: " + to + "px; }\
.et_header_style_fullscreen .et_slide_in_menu_container .et-search-field::-webkit-input-placeholder { font-size: " + to + "px; }\
.et_header_style_fullscreen .et_slide_in_menu_container .et-search-field:-ms-input-placeholder { font-size: " + to + "px; }\
</style>",
style_id = 'style#fullscreen_nav_top_font_size';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize( 'et_divi[slide_nav_font_spacing]', function( value ) {
value.bind( function( to ) {
var $style_content = "<style id='slide_nav_font_spacing'>\
.et_slide_in_menu_container, .et_slide_in_menu_container .et-search-field { letter-spacing: " + to + "px; }\
.et_slide_in_menu_container .et-search-field::-moz-placeholder { letter-spacing: " + to + "px; }\
.et_slide_in_menu_container .et-search-field::-webkit-input-placeholder { letter-spacing: " + to + "px; }\
.et_slide_in_menu_container .et-search-field:-ms-input-placeholder { letter-spacing: " + to + "px; }\
</style>",
style_id = 'style#slide_nav_font_spacing';
et_customizer_update_styles( style_id, $style_content );
} );
} );
wp.customize.bind( 'ready', function() {
wp.customize.previewer.bind( 'et-load', function( data ) {
console.log('Data from preview window: ', data);
} );
} );
$(document).on('et-customizer-preview-load', function(e, data) {
isCustomPostType = data.isCustomPostType;
selectorWrapper = data.selectorWrapper;
});
} )( jQuery );