#208 - Update demo class names for 2021 theme.

Signed-off-by: Kevin Provance <kevin.provance@gmail.com>

Author: kprovance

sample/sections/color-selection/color-gradient.php

@@ -22,7 +22,7 @@
 				'title'    => esc_html__( 'Header Gradient Color Option', 'your-textdomain-here' ),
 				'subtitle' => esc_html__( 'Only color validation can be done on this field type', 'your-textdomain-here' ),
 				'desc'     => esc_html__( 'This is the description field, again good for additional info.', 'your-textdomain-here' ),
-				'output'   => '.site-header',
+				'output'   => '.site-header', // applies only when Redux Pro is installed and active.
 				'preview'  => true,
 				'default'  => array(
 					'from' => '#1e73be',

sample/sections/color-selection/color.php

@@ -20,8 +20,7 @@
 				'id'          => 'opt-color-title',
 				'type'        => 'color',
 				'output'      => array(
-					'background-color' => '.site-background',
-					'color'            => '.site-title',
+					'color' => '.site-title',
 				),
 				'title'       => esc_html__( 'Site Title Color', 'your-textdomain-here' ),
 				'subtitle'    => esc_html__( 'Pick a title color for the theme (default: #000).', 'your-textdomain-here' ),
@@ -35,7 +34,9 @@
 				'subtitle' => esc_html__( 'Pick a background color for the footer (default: #dd9933).', 'your-textdomain-here' ),
 				'default'  => '#dd9933',
 				'validate' => 'color',
-				'output'   => array( '.footer footer #site-footer' ),
+				'output'   => array(
+					'background-color' => '.footer, #site-footer, .site-footer',
+				),
 			),
 		),
 	)