/home/sylamedg/www/wp-content/themes/neom-blog/inc/customizer/assets/js/customizer-preview.js
/**
* File customizer.js.
*
* Theme Customizer enhancements for a better user experience.
*
* Contains handlers to make Theme Customizer preview reload changes asynchronously.
*/
( function( $ ) {
// Site title and description.
wp.customize( 'blogname', function( value ) {
value.bind( function( to ) {
$( '.site-title' ).text( to );
} );
} );
wp.customize( 'blogdescription', function( value ) {
value.bind( function( to ) {
$( '.site-description' ).text( to );
} );
} );
// Header text color.
wp.customize( 'header_textcolor', function( value ) {
value.bind( function( to ) {
if ( 'blank' === to ) {
$( '.site-title, .site-description' ).css( {
'clip': 'rect(1px, 1px, 1px, 1px)',
'position': 'absolute'
} );
} else {
$( '.site-title, .site-description' ).css( {
'clip': 'auto',
'position': 'relative'
} );
$( '.site-title, .site-description' ).css( {
'color': to
} );
}
} );
} );
$(document).ready(function ($) {
$('input[data-input-type]').on('input change', function () {
var val = $(this).val();
$(this).prev('.cs-range-value').html(val);
$(this).val(val);
});
})
/**
* logo_width
*/
wp.customize( 'logo_width', function( value ) {
value.bind( function( width ) {
jQuery( '.logo img, .mobile-logo img' ).css( 'max-width', width + 'px' );
} );
} );
//tlh_mobile_title
wp.customize(
'tlh_mobile_title', function( value ) {
value.bind(
function( newval ) {
$( '#above-header .wgt-3 .title' ).text( newval );
}
);
}
);
//tlh_contact_title
wp.customize(
'tlh_contact_title', function( value ) {
value.bind(
function( newval ) {
$( '#above-header .wgt-1 .title' ).text( newval );
}
);
}
);
//tlh_email_title
wp.customize(
'tlh_email_title', function( value ) {
value.bind(
function( newval ) {
$( '#above-header .wgt-2 .title' ).text( newval );
}
);
}
);
//service_title
wp.customize(
'service_title', function( value ) {
value.bind(
function( newval ) {
$( '.service-home .heading-default h3' ).text( newval );
}
);
}
);
//service_description
wp.customize(
'service_description', function( value ) {
value.bind(
function( newval ) {
$( '.service-home .heading-default p' ).text( newval );
}
);
}
);
//cta_call_title
wp.customize(
'cta_call_title', function( value ) {
value.bind(
function( newval ) {
$( '.home-cta .call-wrapper .call-title' ).text( newval );
}
);
}
);
//cta_call_text
wp.customize(
'cta_call_text', function( value ) {
value.bind(
function( newval ) {
$( '.home-cta .call-wrapper .call-phone' ).text( newval );
}
);
}
);
//cta_title
wp.customize(
'cta_title', function( value ) {
value.bind(
function( newval ) {
$( '.home-cta .cta-content-wrap h4' ).text( newval );
}
);
}
);
//cta_description
wp.customize(
'cta_description', function( value ) {
value.bind(
function( newval ) {
$( '.home-cta .cta-content-wrap p' ).text( newval );
}
);
}
);
//cta_btn_lbl
wp.customize(
'cta_btn_lbl', function( value ) {
value.bind(
function( newval ) {
$( '.home-cta .cta-btn a' ).text( newval );
}
);
}
);
//blog_title
wp.customize(
'blog_title', function( value ) {
value.bind(
function( newval ) {
$( '.blog-home .heading-default h3' ).text( newval );
}
);
}
);
//blog_description
wp.customize(
'blog_description', function( value ) {
value.bind(
function( newval ) {
$( '.blog-home .heading-default p' ).text( newval );
}
);
}
);
/**
* Container Width
*/
wp.customize( 'neom_site_cntnr_width', function( value ) {
value.bind( function( neom_site_cntnr_width ) {
var class_name = 'neom_site_cntnr_width'; // Used as id in gfont link
var css_class = $( '.' + class_name );
if (neom_site_cntnr_width >= 768 && neom_site_cntnr_width < 2000){
var head_append = '<style class="' + class_name + '">.post-section .av-container{ max-width: ' + neom_site_cntnr_width + 'px;}</style>';
}
if ( css_class.length ) {
css_class.replaceWith( head_append );
} else {
$( 'head' ).append( head_append );
}
});
} );
/**
* Breadcrumb Typography
*/
wp.customize( 'neom_breadcrumb_height', function( value ) {
value.bind( function( size ) {
jQuery( 'div.breadcrumb-content' ).css( 'min-height', size + 'px' );
} );
} );
/**
* footer_parallax_margin
*/
wp.customize( 'footer_parallax_margin', function( value ) {
value.bind( function( margin ) {
jQuery( '.footer-parallax .neom-content' ).css( 'margin-bottom', margin + 'px' );
} );
} );
/**
* Body font size
*/
wp.customize( 'neom_body_font_size', function( value ) {
value.bind( function( size ) {
jQuery( 'body' ).css( 'font-size', size + 'px' );
} );
} );
/**
* Body font style
*/
wp.customize( 'neom_body_font_style', function( value ) {
value.bind( function( font_style ) {
jQuery( 'body' ).css( 'font-style', font_style );
} );
} );
/**
* Body text tranform
*/
wp.customize( 'neom_body_text_transform', function( value ) {
value.bind( function( text_tranform ) {
jQuery( 'body' ).css( 'text-transform', text_tranform );
} );
} );
/**
* neom_body_line_height
*/
wp.customize( 'neom_body_line_height', function( value ) {
value.bind( function( line_height ) {
jQuery( 'body' ).css( 'line-height', line_height );
} );
} );
/**
* H1 font family
*/
wp.customize( 'neom_h1_font_family', function( value ) {
value.bind( function( font_family ) {
jQuery( 'h1' ).css( 'font-family', font_family );
} );
} );
/**
* H1 font size
*/
wp.customize( 'neom_h1_font_size', function( value ) {
value.bind( function( size ) {
jQuery( 'h1' ).css( 'font-size', size + 'px' );
} );
} );
/**
* H1 font style
*/
wp.customize( 'neom_h1_font_style', function( value ) {
value.bind( function( font_style ) {
jQuery( 'h1' ).css( 'font-style', font_style );
} );
} );
/**
* H1 text tranform
*/
wp.customize( 'neom_h1_text_transform', function( value ) {
value.bind( function( text_tranform ) {
jQuery( 'h1' ).css( 'text-transform', text_tranform );
} );
} );
/**
* H1 line height
*/
wp.customize( 'neom_h1_line_height', function( value ) {
value.bind( function( line_height ) {
jQuery( 'h1' ).css( 'line-height', line_height );
} );
} );
/**
* H2 font family
*/
wp.customize( 'neom_h2_font_family', function( value ) {
value.bind( function( font_family ) {
jQuery( 'h2' ).css( 'font-family', font_family );
} );
} );
/**
* H2 font size
*/
wp.customize( 'neom_h2_font_size', function( value ) {
value.bind( function( size ) {
jQuery( 'h2' ).css( 'font-size', size + 'px' );
} );
} );
/**
* H2 font style
*/
wp.customize( 'neom_h2_font_style', function( value ) {
value.bind( function( font_style ) {
jQuery( 'h2' ).css( 'font-style', font_style );
} );
} );
/**
* H2 text tranform
*/
wp.customize( 'neom_h2_text_transform', function( value ) {
value.bind( function( text_tranform ) {
jQuery( 'h2' ).css( 'text-transform', text_tranform );
} );
} );
/**
* H2 line height
*/
wp.customize( 'neom_h2_line_height', function( value ) {
value.bind( function( line_height ) {
jQuery( 'h2' ).css( 'line-height', line_height );
} );
} );
/**
* H3 font family
*/
wp.customize( 'neom_h3_font_family', function( value ) {
value.bind( function( font_family ) {
jQuery( 'h3' ).css( 'font-family', font_family );
} );
} );
/**
* H3 font size
*/
wp.customize( 'neom_h3_font_size', function( value ) {
value.bind( function( size ) {
jQuery( 'h3' ).css( 'font-size', size + 'px' );
} );
} );
/**
* H3 font style
*/
wp.customize( 'neom_h3_font_style', function( value ) {
value.bind( function( font_style ) {
jQuery( 'h3' ).css( 'font-style', font_style );
} );
} );
/**
* H3 text tranform
*/
wp.customize( 'neom_h3_text_transform', function( value ) {
value.bind( function( text_tranform ) {
jQuery( 'h3' ).css( 'text-transform', text_tranform );
} );
} );
/**
* H3 line height
*/
wp.customize( 'neom_h3_line_height', function( value ) {
value.bind( function( line_height ) {
jQuery( 'h3' ).css( 'line-height', line_height );
} );
} );
/**
* H4 font family
*/
wp.customize( 'neom_h4_font_family', function( value ) {
value.bind( function( font_family ) {
jQuery( 'h4' ).css( 'font-family', font_family );
} );
} );
/**
* H4 font size
*/
wp.customize( 'neom_h4_font_size', function( value ) {
value.bind( function( size ) {
jQuery( 'h4' ).css( 'font-size', size + 'px' );
} );
} );
/**
* H4 font style
*/
wp.customize( 'neom_h4_font_style', function( value ) {
value.bind( function( font_style ) {
jQuery( 'h4' ).css( 'font-style', font_style );
} );
} );
/**
* H4 text tranform
*/
wp.customize( 'neom_h4_text_transform', function( value ) {
value.bind( function( text_tranform ) {
jQuery( 'h4' ).css( 'text-transform', text_tranform );
} );
} );
/**
* H4 line height
*/
wp.customize( 'neom_h4_line_height', function( value ) {
value.bind( function( line_height ) {
jQuery( 'h4' ).css( 'line-height', line_height );
} );
} );
/**
* H5 font family
*/
wp.customize( 'neom_h5_font_family', function( value ) {
value.bind( function( font_family ) {
jQuery( 'h5' ).css( 'font-family', font_family );
} );
} );
/**
* H5 font size
*/
wp.customize( 'neom_h5_font_size', function( value ) {
value.bind( function( size ) {
jQuery( 'h5' ).css( 'font-size', size + 'px' );
} );
} );
/**
* H5 font style
*/
wp.customize( 'neom_h5_font_style', function( value ) {
value.bind( function( font_style ) {
jQuery( 'h5' ).css( 'font-style', font_style );
} );
} );
/**
* H5 text tranform
*/
wp.customize( 'neom_h5_text_transform', function( value ) {
value.bind( function( text_tranform ) {
jQuery( 'h5' ).css( 'text-transform', text_tranform );
} );
} );
/**
* H5 line height
*/
wp.customize( 'neom_h5_line_height', function( value ) {
value.bind( function( line_height ) {
jQuery( 'h5' ).css( 'line-height', line_height );
} );
} );
/**
* H6 font family
*/
wp.customize( 'neom_h6_font_family', function( value ) {
value.bind( function( font_family ) {
jQuery( 'h6' ).css( 'font-family', font_family );
} );
} );
/**
* H6 font size
*/
wp.customize( 'neom_h6_font_size', function( value ) {
value.bind( function( size ) {
jQuery( 'h6' ).css( 'font-size', size + 'px' );
} );
} );
/**
* H6 font style
*/
wp.customize( 'neom_h6_font_style', function( value ) {
value.bind( function( font_style ) {
jQuery( 'h6' ).css( 'font-style', font_style );
} );
} );
/**
* H6 text tranform
*/
wp.customize( 'neom_h6_text_transform', function( value ) {
value.bind( function( text_tranform ) {
jQuery( 'h6' ).css( 'text-transform', text_tranform );
} );
} );
/**
* H6 line height
*/
wp.customize( 'neom_h6_line_height', function( value ) {
value.bind( function( line_height ) {
jQuery( 'h6' ).css( 'line-height', line_height );
} );
} );
} )( jQuery );