• Resolved tnightingale

    (@tnightingale)


    I’m not having any luck with styling the content of the TinyMCE field – it’s being used in a PMPro form on the front end (Update Profile page).

    I’ve registered a specific editor stylesheet (separate from my Gutenberg editor one):

    add_editor_style( 'custom-editor-style.css' );
    as part of the after_setup_theme action.

    and set very specific CSS rules in the stylesheet:

    body#tinymce.mce-content-body._pods_dfv_pods_meta_member_bio.wp-editor {
     	font-family: "Open Sans", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 
    	line-height: 1.5;	
    	font-size: 18px;
    }
    body#tinymce.mce-content-body._pods_dfv_pods_meta_member_bio.wp-editor p {
    	font-size: 18px; 
    	margin-top: 0;
    	margin-bottom: 1.5em;
    }
    

    but it’s unaffected. Still ugly, small, Verdana 14px. Any suggestions?

    Thank you!

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Styling visual editor – not working’ is closed to new replies.