add_section( 'seos_color_scheme' , array( 'title' => __( 'Color Scheme', 'askiw' ), 'priority' => 2 ) ); $wp_customize->add_setting( 'color_scheme', array ( 'sanitize_callback' => 'sanitize_hex_color', ) ); $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'color_scheme', array( 'label' => __( 'Color Scheme', 'askiw' ), 'priority' => 14, 'section' => 'seos_color_scheme', 'settings' => 'color_scheme', ) ) ); $wp_customize->add_setting( 'color_scheme_hover', array ( 'sanitize_callback' => 'sanitize_hex_color', ) ); $wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'color_scheme_hover', array( 'label' => __( 'Hover Color', 'askiw' ), 'priority' => 14, 'section' => 'seos_color_scheme', 'settings' => 'color_scheme_hover', ) ) ); } add_action( 'wp_enqueue_scripts', 'askiw_color_scheme' ); function askiw_color_scheme() { $seos_color_scheme = esc_html(get_theme_mod( 'color_scheme' ) ); $color_scheme_hover = esc_html(get_theme_mod( 'color_scheme_hover' ) ); if( $seos_color_scheme ) { $color_scheme = ".pagination a, .pagination span, .myButt, .wp-block-search .wp-block-search__button, .h-button-1, .h-button-2, button, input[type='button'], input[type='reset'], input[type='submit'] {background: {$seos_color_scheme};}"; "a {color: {$seos_color_scheme};}"; } else { $color_scheme =""; } if( $color_scheme_hover ) { $scheme_hover = ".site-info a:hover, #secondary ul li a:hover, body h2 a:hover, body a:hover {color: {$color_scheme_hover};}". ".h-button-1:hover, .h-button-2:hover, .wp-block-search .wp-block-search__button:hover, button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='submit']:hover, .myButt:before{background: {$color_scheme_hover};}"; } else { $scheme_hover =""; } wp_add_inline_style( 'custom-style-css', $color_scheme.$scheme_hover ); }