defined styles in the editor

[walter]

hi there,
where can I define my own styles to choose from in the editor, like the standard styles impact-text, impact-text-large and so on?
best regards

[Kyle – SUPPORT]

Hi

Open up shortcodes.php and go to line 40 and find this:

function sf_custom_mce_styles( $init ) {
        $init['theme_advanced_buttons2_add_before'] = 'styleselect';
        //First, we define the styles we want to add in format 'Style Name' => 'css classes'
        $classes = array(
            __('Impact Text', 'swift-framework-admin')     => 'impact-text',
            __('Impact Text Large', 'swift-framework-admin')     => 'impact-text-large',
        );

Just add another line in for e.g:

function sf_custom_mce_styles( $init ) {
        $init['theme_advanced_buttons2_add_before'] = 'styleselect';
        //First, we define the styles we want to add in format 'Style Name' => 'css classes'
        $classes = array(
            __('Impact Text', 'swift-framework-admin')     => 'impact-text',
            __('Impact Text Large', 'swift-framework-admin')     => 'impact-text-large',
            __('My Custom Text', 'swift-framework-admin')     => 'my-custom-text',
        );

Then you can add the css for .my-custom-text in your custom css.

– Kyle

[walter]

hi kyle

thanks a lot for your answer!!

[Kyle – SUPPORT]

No problem 🙂