PostMessage in Primary Color

Can only do it with Primary Color because pseudo elements don't work with JS' CSS: #57
Codeinwp · Jul 3, 2018 · e3b9107 · e3b9107
1 parent 79dc621
commit e3b9107
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/inc/customizer.php b/inc/customizer.php
@@ -446,6 +446,7 @@ function amadeus_customize_register( $wp_customize ) {
 		array(
 			'default'           => '#618EBA',
 			'sanitize_callback' => 'sanitize_hex_color',
+			'transport'         => 'postMessage',
 		)
 	);
 	$wp_customize->add_control(

diff --git a/js/customizer.js b/js/customizer.js
@@ -27,6 +27,13 @@
 
 
 
+	//Primary color
+	wp.customize('primary_color',function( value ) {
+		value.bind( function( newval ) {
+			$('a, a:hover, .main-navigation a:hover, .nav-next a:hover, .nav-previous a:hover, .social-navigation li a:hover').css('color', newval );
+			$('button, .button, input[type="button"], input[type="reset"], input[type="submit"], .entry-thumb-inner').css('background-color', newval );
+		} );
+	});
 	//Social background
 	wp.customize('social_bg',function( value ) {
 		value.bind( function( newval ) {