Here it is! It worked fine before WP4.9
add_action( 'cmb2_admin_init', 'yup_register_hero_settings_metabox' );
function yup_register_hero_settings_metabox() {
$prefix = 'yup_hero_';
$cmb_hero = new_cmb2_box( array(
'id' => $prefix . 'metabox',
'title' => esc_html__( 'Hero Settings', 'yup' ),
'object_types' => array( 'page', 'room', 'event', 'food', 'deal' ),
'context' => 'side',
'priority' => 'core',
'show_names' => false,
) );
$cmb_hero->add_field( array(
'name' => esc_html__( 'Fade color', 'yup' ),
'desc' => esc_html__( 'Fade background image with an overlay color', 'yup' ),
'id' => $prefix . 'color',
'type' => 'rgba_colorpicker',
'default' => 'rgba(53,63,73,0)',
) );
$cmb_hero->add_field( array(
'name' => esc_html__( 'Titles alignment', 'yup' ),
'desc' => esc_html__( 'Align the title and the subtitle to left or center', 'yup' ),
'id' => $prefix . 'align',
'type' => 'radio',
'default' => 'is-centered',
'options' => array(
'is-left' => esc_html__( 'Align left', 'yup' ),
'is-centered' => esc_html__( 'Align center', 'yup' ),
),
) );
$cmb_hero->add_field( array(
'name' => esc_html__( 'Hero Height', 'yup' ),
'desc' => esc_html__( 'The minimum height of the hero', 'yup' ),
'id' => $prefix . 'height',
'type' => 'select',
'options' => array(
'is-contentheight' => esc_html__( 'Content Height', 'yup' ),
'is-halfheight' => esc_html__( 'Half browser height', 'yup' ),
'is-fullheight' => esc_html__( 'Full browser height', 'yup' ),
),
'default' => 'is-fullheight'
) );
$cmb_hero->add_field( array(
'name' => esc_html__( 'Hero Background Color', 'yup' ),
'desc' => esc_html__( 'The background color of the hero (useful if there is no image)', 'yup' ),
'id' => $prefix . 'bg_color',
'type' => 'select',
'show_option_none' => true,
'options' => array(
'is-red' => esc_html__( 'Red', 'yup' ),
'is-orange' => esc_html__( 'Orange', 'yup' ),
'is-yellow' => esc_html__( 'Yellow', 'yup' ),
'is-green' => esc_html__( 'Green', 'yup' ),
'is-light-blue' => esc_html__( 'Light Blue', 'yup' ),
'is-blue' => esc_html__( 'Blue', 'yup' ),
'is-purple' => esc_html__( 'Purple', 'yup' ),
'is-pink' => esc_html__( 'Pink', 'yup' ),
'is-brown' => esc_html__( 'Brown', 'yup' ),
'is-dark' => esc_html__( 'Dark', 'yup' ),
),
) );
$cmb_hero->add_field( array(
'name' => esc_html__( 'Display mouse scroll icon', 'yup' ),
'desc' => esc_html__( 'Tick this if you want to show a mouse scroll icon at the bottom of the section', 'yup' ),
'id' => $prefix . 'mouse_icon',
'type' => 'checkbox',
) );
}
