Background Color Customizer options for Front page Sections in Infinity Pro

This members-only tutorial provides the steps to add background color controls in addition to background image controls that Infinity Pro comes with.

To apply background color only to one of the sections (Front page 1, Front page 3, Front page 5 by default) make sure the background image for that section is removed.

Tested in Infinity Pro 1.2.0.

Step 1

Edit lib/customize.php.

a) Change

'title'       => __( 'Front Page Background Images', 'infinity-pro' ),

to

'title'       => __( "Front Page Sections' Background", 'infinity-pro' ),

b) Below

$wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, $image .'-infinity-image', array(
    'label'    => sprintf( __( 'Featured Section %s Image:', 'infinity-pro' ), $image ),
    'section'  => 'infinity-settings',
    'settings' => $image .'-infinity-image',
    'priority' => $key + 1,
) ) );

add