The fix is a little funky to do, since we need to add CSS to the admin area and not the viewer end of the theme. If it was the viewer side of the site, we could use a simple plugin to add the CSS.
Ideallly, you need to make a child theme of Graphene, and then add a function to add the CSS fix to the admin area. That way, the fix stays in place when you upgrade Graphene. See https://codex.www.ads-software.com/Child_Themes on how to make a child theme.
Then, add this to the functions.php file of the child theme:
function add_css_fix_to_backend() {
echo '<style type="text/css">.mce-content-body {width: auto !important;}</style>';
}
add_action('admin_head', 'add_css_fix_to_backend');
That function adds the CSS fix to the admin backend.
You can – but it’s not a good idea – simply add that function to the Graphene theme right now, without making a child theme; but if you update the theme, it will get erased.
Use FTP to make a child theme and edit files; don’t use the WordPress editor. See Filezilla and FTP Clients ? WordPress Codex.
Or, you can make a very simple plugin that will apply the CSS fix without needing to make a child theme or modify the theme folder.
Add the code below to a text file and call it something like css-fix.php, and then put it in your plugins folder with FTP and activate it:
<?php
/*
Plugin Name: Add CSS Fix to Admin
Description: This plugin adds the TinyMCE CSS fix
Version: 1.0
License: GPL
Author: WordPress
Author URI: www.ads-software.com
*/
function add_css_fix_to_backend() {
echo '<style type="text/css">.mce-content-body {width: auto !important;}</style>';
}
add_action('admin_head', 'add_css_fix_to_backend');
