( function( $ ) { // Site title and description. wp.customize( 'blogname', function( value ) { value.bind( function( to ) { $( '.site-title a' ).text( to ); } ); } ); wp.customize( 'blogdescription', function( value ) { value.bind( function( to ) { $( '.site-description' ).text( to ); } ); } ); // Body Text Color. wp.customize( 'amy_text_color', function( value ) { value.bind( function( to ) { $( 'body, input, select, textarea, code, pre' ).css( { 'color': to } ); } ); } ); // Headings Color. wp.customize( 'amy_headings_color', function( value ) { value.bind( function( to ) { $( '.site-content h1, .site-content h2, .site-content h3, .site-content h4, .site-content h5, .site-content h6, .footer-sidebar h1, .footer-sidebar h2, .footer-sidebar h3, .footer-sidebar h4, .footer-sidebar h5, .footer-sidebar h6, .comments-area .comment-author a, .comments-area .comment-author' ).css( { 'color': to } ); } ); } ); // Site Title. wp.customize( 'amy_site_title_color', function( value ) { value.bind( function( to ) { $( '.site-title a, .site-title a:hover' ).css( { 'color': to } ); } ); } ); // Link Color. wp.customize( 'amy_link_color', function( value ) { value.bind( function( to ) { $( '.site-content a, .footer-sidebar a, body.post-type-archive-portfolio .content-area .entry-title a:hover, .comments-area a.comment-reply-link:hover' ).css( { 'color': to } ); $( '.more-link a:hover, .entry-footer .tags-links a:hover' ).css( { 'border-color': to } ); $( 'button, input[type="button"], input[type="reset"], input[type="submit"], .button' ).css( { 'background-color': to } ); } ); } ); // Link Color Hover. wp.customize( 'amy_link_hover_color', function( value ) { value.bind( function( to ) { $( '.site-content a:hover, .footer-sidebar a:hover' ).css( { 'color': to } ); } ); } ); // Menu link Color. wp.customize( 'amy_menu_color', function( value ) { value.bind( function( to ) { $( '.nav-menu a' ).css( { 'color': to } ); } ); } ); // Menu link Color hover. wp.customize( 'amy_menu_color_hover', function( value ) { value.bind( function( to ) { $( '.nav-menu > li:hover a, .nav-menu a:hover, .nav-menu .current-menu-item > a' ).css( { 'color': to } ); } ); } ); } )( jQuery );