/** * This file adds some LIVE to the Theme Customizer live preview. To leverage * this, set your custom settings to 'postMessage' and then add your handling * here. Your javascript should grab settings from customizer controls, and * then make any necessary changes to the page using jQuery. */ ( function( $ ) { // Update the site in real time... // BEGIN PORTFOLIO PAGE //SHOWCASE wp.customize( 'blogband_showcase_section_bg_color_settings', function( value ) { value.bind( function( val ) { $( '.showcase' ).css('background-color', val ); }); }); wp.customize( 'blogband_showcase_title_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-wrap-inner .showcase-wrap-content .title' ).html( val ); }); }); wp.customize( 'blogband_showcase_para_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-wrap-inner .showcase-wrap-content .para' ).html( val ); }); }); wp.customize( 'blogband_showcase_btn_one_text_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-wrap-inner .showcase-wrap-content .showcase-btn-wrap .showcase-btn-one' ).html( val ); }); }); wp.customize( 'blogband_showcase_btn_two_text_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-wrap-inner .showcase-wrap-content .showcase-btn-wrap .showcase-btn-two' ).html( val ); }); }); wp.customize( 'blogband_showcase_btn_one_link_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-wrap-inner .showcase-wrap-content .showcase-btn-wrap .showcase-btn-one' ).html( val ); }); }); wp.customize( 'blogband_showcase_btn_two_link_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-wrap-inner .showcase-wrap-content .showcase-btn-wrap .showcase-btn-two' ).html( val ); }); }); wp.customize( 'blogband_showcase_view_height_settings', function( value ) { value.bind( function( val ) { $( '.showcase' ).css('height', val ); }); }); wp.customize( 'blogband_showcase_display_img_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-img' ).css('display', val ); }); }); wp.customize( 'blogband_showcase_bg_overlay_color_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-bg-overlay' ).css('background-color', val ); }); }); wp.customize( 'blogband_showcase_bg_overlay_zindex_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-bg-overlay' ).css('z-index', val ); }); }); wp.customize( 'blogband_showcase_bg_overlay_opacity_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-bg-overlay' ).css('opacity', val ); }); }); wp.customize( 'blogband_showcase_justify_section_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-wrap-inner' ).css('justify-content', val ); }); }); wp.customize( 'blogband_showcase_align_text_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-wrap-inner .showcase-wrap-content' ).css('text-align', val ); }); }); wp.customize( 'blogband_showcase_justify_buttons_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-wrap-inner .showcase-wrap-content .showcase-btn-wrap' ).css('justify-content', val ); }); }); wp.customize( 'blogband_showcase_btn_one_display_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-wrap-inner .showcase-wrap-content .showcase-btn-wrap .showcase-btn-one' ).css('display', val ); }); }); wp.customize( 'blogband_showcase_btn_one_bg_color_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-wrap-inner .showcase-wrap-content .showcase-btn-wrap .showcase-btn-one' ).css('background-color', val ); }); }); wp.customize( 'blogband_showcase_btn_two_display_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-wrap-inner .showcase-wrap-content .showcase-btn-wrap .showcase-btn-two' ).css('display', val ); }); }); wp.customize( 'blogband_showcase_btn_two_bg_color_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-wrap-inner .showcase-wrap-content .showcase-btn-wrap .showcase-btn-two' ).css('background-color', val ); }); }); wp.customize( 'blogband_showcase_title_font_size_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-wrap-inner .showcase-wrap-content .title' ).css('font-size', val ); }); }); wp.customize( 'blogband_showcase_mob_title_font_size_settings', function( value ) { value.bind( function( val ) { $( '.showcase .showcase-wrap .showcase-wrap-inner .showcase-wrap-content .title' ).css('font-size', val ); }); }); //SERVICES 3 COLUMNS wp.customize( 'blogband_services_three_col_section_bg_color_settings', function( value ) { value.bind( function( val ) { $( '.services-3-col-icon-text' ).css('background-color', val ); }); }); wp.customize( 'blogband_services_three_col_items_bg_color_settings', function( value ) { value.bind( function( val ) { $( '.services-3-col-icon-text .services-3-col-icon-text-items' ).css('background-color', val ); }); }); wp.customize( 'blogband_services_three_col_items_txt_color_settings', function( value ) { value.bind( function( val ) { $( '.services-3-col-icon-text .services-3-col-icon-text-items' ).css('color', val ); }); }); wp.customize( 'blogband_services_three_col_icon_color_settings', function( value ) { value.bind( function( val ) { $( '.services-3-col-icon-text .services-3-col-icon-text-items .icon-wrap i' ).css('color', val ); }); }); // wp.customize( 'blogband_services_three_col_icon_one_settings', function( value ) { // value.bind( function( val ) { // $( '.services-3-col-icon-text .services-3-col-icon-one-text-items .icon-wrap i' ).html( val ); // }); // }); // wp.customize( 'blogband_services_three_col_icon_two_settings', function( value ) { // value.bind( function( val ) { // $( '.services-3-col-icon-text .services-3-col-icon-two-text-items .icon-wrap i' ).html( val ); // }); // }); // wp.customize( 'blogband_services_three_col_icon_three_settings', function( value ) { // value.bind( function( val ) { // $( '.services-3-col-icon-text .services-3-col-icon-three-text-items .icon-wrap i' ).html( val ); // }); // }); wp.customize( 'blogband_services_three_col_title_one_settings', function( value ) { value.bind( function( val ) { $( '.services-3-col-icon-text .services-3-col-icon-one-text-items .text-wrap .title' ).html( val ); }); }); wp.customize( 'blogband_services_three_col_title_two_settings', function( value ) { value.bind( function( val ) { $( '.services-3-col-icon-text .services-3-col-icon-two-text-items .text-wrap .title' ).html( val ); }); }); wp.customize( 'blogband_services_three_col_title_three_settings', function( value ) { value.bind( function( val ) { $( '.services-3-col-icon-text .services-3-col-icon-three-text-items .text-wrap .title' ).html( val ); }); }); wp.customize( 'blogband_services_three_col_paragraph_one_settings', function( value ) { value.bind( function( val ) { $( '.services-3-col-icon-text .services-3-col-icon-one-text-items .text-wrap p' ).html( val ); }); }); wp.customize( 'blogband_services_three_col_paragraph_two_settings', function( value ) { value.bind( function( val ) { $( '.services-3-col-icon-text .services-3-col-icon-two-text-items .text-wrap p' ).html( val ); }); }); wp.customize( 'blogband_services_three_col_paragraph_three_settings', function( value ) { value.bind( function( val ) { $( '.services-3-col-icon-text .services-3-col-icon-three-text-items .text-wrap p' ).html( val ); }); }); wp.customize( 'blogband_services_three_col_title_font_size_settings', function( value ) { value.bind( function( val ) { $( '.services-3-col-icon-text .services-3-col-icon-text-items .text-wrap .title' ).css('font-size', val ); }); }); //LEFT IMAGETEXT wp.customize( 'blogband_left_img_sidetext_title_color_settings', function( value ) { value.bind( function( val ) { $( '.left-img-sidetext .img-text .right-side .text-wrap .text-wrap-title' ).css('color', val ); }); }); wp.customize( 'blogband_left_img_sidetext_section_bg_color_settings', function( value ) { value.bind( function( val ) { $( 'left-img-sidetext' ).css('background-color', val ); }); }); wp.customize( 'blogband_left_img_sidetext_para_color_settings', function( value ) { value.bind( function( val ) { $( '.left-img-sidetext .img-text .right-side .text-wrap .text-wrap-para p' ).css('color', val ); }); }); wp.customize( 'blogband_left_img_sidetext_btn_align_settings', function( value ) { value.bind( function( val ) { $( '.left-img-sidetext .img-text .right-side .text-wrap' ).css('text-align', val ); }); }); wp.customize( 'blogband_left_img_sidetext_btn_bg_color_settings', function( value ) { value.bind( function( val ) { $( '.left-img-sidetext .img-text .right-side .text-wrap .btn-link' ).css('background-color', val ); }); }); wp.customize( 'blogband_left_img_sidetext_btn_display_settings', function( value ) { value.bind( function( val ) { $( '.left-img-sidetext .img-text .right-side .text-wrap .btn-link' ).css('display', val ); }); }); wp.customize( 'blogband_left_img_sidetext_title_settings', function( value ) { value.bind( function( val ) { $( '.left-img-sidetext .img-text .right-side .text-wrap .text-wrap-title' ).html( val ); }); }); wp.customize( 'blogband_left_img_sidetext_para_settings', function( value ) { value.bind( function( val ) { $( '.left-img-sidetext .img-text .right-side .text-wrap .text-wrap-para p' ).html( val ); }); }); wp.customize( 'blogband_left_img_sidetext_btn_settings', function( value ) { value.bind( function( val ) { $( '.left-img-sidetext .img-text .right-side .text-wrap .btn-link' ).html( val ); }); }); //GALLERY 3 COLUMNS wp.customize( 'blogband_gallery_3_col_section_bg_color_settings', function( value ) { value.bind( function( val ) { $( '.gallery-3-col' ).css('background-color', val ); }); }); //RIGHT SIDETEXT IMAGE wp.customize( 'blogband_right_img_sidetext_section_bg_color_settings', function( value ) { value.bind( function( val ) { $( '.right-img-sidetext' ).css('background-color', val ); }); }); wp.customize( 'blogband_right_img_sidetext_title_color_settings', function( value ) { value.bind( function( val ) { $( '.right-img-sidetext .img-text .left-side .text-wrap .text-wrap-title' ).css('color', val ); }); }); wp.customize( 'blogband_right_img_sidetext_btn_align_settings', function( value ) { value.bind( function( val ) { $( '.right-img-sidetext .img-text .left-side .text-wrap' ).css('text-align', val ); }); }); wp.customize( 'blogband_right_img_sidetext_btn_display_settings', function( value ) { value.bind( function( val ) { $( '.right-img-sidetext .img-text .left-side .text-wrap .btn-link' ).css('display', val ); }); }); wp.customize( 'blogband_right_img_sidetext_para_color_settings', function( value ) { value.bind( function( val ) { $( '.right-img-sidetext .img-text .left-side .text-wrap .text-wrap-para p' ).css('color', val ); }); }); wp.customize( 'blogband_right_img_sidetext_btn_bg_color_settings', function( value ) { value.bind( function( val ) { $( '.right-img-sidetext .img-text .left-side .text-wrap .btn-link' ).css('background-color', val ); }); }); wp.customize( 'blogband_right_img_sidetext_title_settings', function( value ) { value.bind( function( val ) { $( '.right-img-sidetext .img-text .left-side .text-wrap .text-wrap-title' ).html( val ); }); }); wp.customize( 'blogband_right_img_sidetext_para_settings', function( value ) { value.bind( function( val ) { $( '.right-img-sidetext .img-text .left-side .text-wrap .text-wrap-para p' ).html( val ); }); }); wp.customize( 'blogband_right_img_sidetext_btn_settings', function( value ) { value.bind( function( val ) { $( '.right-img-sidetext .img-text .left-side .text-wrap .btn-link' ).html( val ); }); }); //TESTIMONIALS wp.customize( 'blogband_testimonials_3_col_section_bg_color_settings', function( value ) { value.bind( function( val ) { $( '.testimonials-3-col' ).css('background-color', val ); }); }); wp.customize( 'blogband_testimonials_3_col_items_bg_color_settings', function( value ) { value.bind( function( val ) { $( '.testimonials-3-col .testimonials-items' ).css('background-color', val ); }); }); wp.customize( 'blogband_testimonials_3_col_items_para_color_settings', function( value ) { value.bind( function( val ) { $( '.testimonials-3-col .testimonials-items .content-wrap p' ).css('color', val ); }); }); wp.customize( 'blogband_testimonials_3_col_items_name_color_settings', function( value ) { value.bind( function( val ) { $( '.testimonials-3-col .testimonials-items .name h2' ).css('color', val ); }); }); wp.customize( 'blogband_testimonials_3_col_one_para_settings', function( value ) { value.bind( function( val ) { $( '.testimonials-3-col .testimonials-items-one .content-wrap p' ).html( val ); }); }); wp.customize( 'blogband_testimonials_3_col_two_para_settings', function( value ) { value.bind( function( val ) { $( '.testimonials-3-col .testimonials-items-two .content-wrap p' ).html( val ); }); }); wp.customize( 'blogband_testimonials_3_col_three_para_settings', function( value ) { value.bind( function( val ) { $( '.testimonials-3-col .testimonials-items-three .content-wrap p' ).html( val ); }); }); wp.customize( 'blogband_testimonials_3_col_one_text_settings', function( value ) { value.bind( function( val ) { $( '.testimonials-3-col .testimonials-items-one .name h2' ).html( val ); }); }); wp.customize( 'blogband_testimonials_3_col_two_text_settings', function( value ) { value.bind( function( val ) { $( '.testimonials-3-col .testimonials-items-two .name h2' ).html( val ); }); }); wp.customize( 'blogband_testimonials_3_col_three_text_settings', function( value ) { value.bind( function( val ) { $( '.testimonials-3-col .testimonials-items-three .name h2' ).html( val ); }); }); //HEADER TEXT wp.customize( 'blogband_heading_text_para_bg_color_settings', function( value ) { value.bind( function( val ) { $( '.heading-text-para-wrap' ).css('background-color', val ); }); }); wp.customize( 'blogband_heading_text_para_txt_hd_color_settings', function( value ) { value.bind( function( val ) { $( '.heading-text-para-wrap .heading-text-para .center-div h1' ).css('color', val ); }); }); wp.customize( 'blogband_heading_text_para_txt_font_size_settings', function( value ) { value.bind( function( val ) { $( '.heading-text-para-wrap .heading-text-para .center-div h1' ).css('font-size', val ); }); }); wp.customize( 'blogband_heading_text_para_txt_mob_font_size_settings', function( value ) { value.bind( function( val ) { $( '.heading-text-para-wrap .heading-text-para .center-div h1' ).css('font-size', val ); }); }); wp.customize( 'blogband_heading_text_para_txt_para_color_settings', function( value ) { value.bind( function( val ) { $( '.heading-text-para-wrap .heading-text-para .center-div p' ).css('color', val ); }); }); wp.customize( 'blogband_heading_text_para_title_settings', function( value ) { value.bind( function( val ) { $( '.heading-text-para-wrap .heading-text-para .center-div h1 span' ).html( val ); }); }); wp.customize( 'blogband_heading_text_para_desc_settings', function( value ) { value.bind( function( val ) { $( '.heading-text-para-wrap .heading-text-para .center-div p' ).html( val ); }); }); // END PORTFOLIO PAGE } )( jQuery );