Integrate customizer for slider navigation

kwight · Oct 23, 2012 · 91fd500 · 91fd500
1 parent 066dc2f
commit 91fd500
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/functions.php b/functions.php
@@ -214,6 +214,12 @@ function debut_add_customizer_css() { ?>
 		.debut-lang:hover {
 			background-color: <?php echo get_theme_mod( 'debut_link_color' ); ?>;
 		}
+		<?php if ( function_exists( 'kwight_slider' ) ) : ?>
+			.kwight-slider-control-paging li a:hover,
+			.kwight-slider-control-paging li a.kwight-slider-active {
+				background-color: <?php echo get_theme_mod( 'debut_link_color' ); ?>
+			}
+		<?php endif; ?>
 	</style>
 <?php }
 add_action( 'wp_head', 'debut_add_customizer_css' );

diff --git a/js/debut-customizer.js b/js/debut-customizer.js
@@ -14,8 +14,12 @@ jQuery( document ).ready( function( $ ) {
     wp.customize( 'debut_link_color', function( value ) {
         value.bind( function( to ) {
             $('body').css('border-color', to );
+            $('.kwight-slider-control-paging li a').css({
+            	'background-color': '#ddd',
+            	'background-color': 'rgba(0,0,0,0.3)'
+            });
             $('a').not('.main-navigation .current-menu-item > a').css('color', to );
-            $('.main-navigation .current-menu-item > a').css({
+            $('.main-navigation .current-menu-item > a, .kwight-slider-control-paging li a:hover, .kwight-slider-control-paging li a.kwight-slider-active').css({
             	'background-color': to,
             	'color': '#fff'
             });

diff --git a/style.css b/style.css
@@ -1086,6 +1086,10 @@ input.searchsubmit {
 .kwight-fs-slides .entry-title {
 	margin-left: 0;
 }
+.kwight-slider-control-paging li a:hover,
+.kwight-slider-control-paging li a.kwight-slider-active {
+	background-color: red;
+}
 
 
 /* =Responsive