Formats Drop Down Menu Item No Longer Working

Hi, I installed the plugin and it is great, but I also have some code in my functions php file to allow for a custom formatting menu drop down. Under settings / TinyMCE Advanced/ Editor Settings I am able to drag the formats drop down to the menu, it displays in the editor but none of the styles are showing up. So when you select the Formats drop down it is blank.
I will include my php code below, it would be great if anyone could offer some assistance on how to get it to work with the plugin. Cause I dunno what to do. 8-/

'//Add Drop Down Styles to the dashboard menu
add_filter( 'mce_buttons_2', 'my_mce_buttons_2' );

function my_mce_buttons_2( $buttons ) {
    array_unshift( $buttons, 'styleselect' );
    return $buttons;
}

//Add the custom styles to the dashboard menu
add_filter( 'tiny_mce_before_init', 'my_mce_before_init' );

function my_mce_before_init( $settings ) {

    $style_formats = array(
	   array(
        	'title' => 'Page Heading',
        	'block' => 'span',
        	'classes' => 'page-heading',
        	'wrapper' => true
        )
    );

    $settings['style_formats'] = json_encode( $style_formats );

    return $settings;

}

https://wordpress.org/plugins/ultimate-tinymce/