How to create custom styles?

I have a form using the Advanced Custom Fields plugin and would like to enable custom styles in the wysiwyg editor. To this end, I’ve installed the plugins
TinyMCE Advanced and Advanced TinyMCE Configuration.

I’ve added the following setting to Advanced TinyMCE Configuration:

option_name: style_formats

Value:
[
{title: ‘Bold text’, inline: ‘b’},
{title: ‘Red text’, inline: ‘span’, styles: {color: ‘#ff0000’}},
{title: ‘Red header’, block: ‘h1’, styles: {color: ‘#ff0000’}},
{title: ‘Example 1’, inline: ‘span’, classes: ‘example1’},
{title: ‘Example 2’, inline: ‘span’, classes: ‘example2’},
{title: ‘Table styles’},
{title: ‘Table row 1’, selector: ‘tr’, classes: ‘tablerow1’}
]

However, the wysiwyg editor still seems to show the custom styles from the wordpress theme insteas of these custom styles. What am I doing wrong? (I’m a WordPress newbie)