How To Make The WordPress Admin Content Editor Full Width Of The Screen

The content editor in WordPress often does not use the full width of the editor or screen to display content, and the content can wrap early. The content editor can be made full width and for the content to wrap on the very right margin.

The default width of content in the editor.

Note: The is s snapshot from the editor when using the Twenty Seventeen theme. The editor in other themes may look slightly different and the content may also wrap differently.

The content editor made full width of the screen.

Where and how to make the content editor full width of the screen:

1. Make sure you are using a child theme for Twenty Seventeen on the server. Click here to learn how to create a child theme.
2. On your server’s WordPress installation go to the WordPress Root > wp-content > themes > twentyseventeen-child and create a folder called ‘assets’. In that ‘assets’ folder, create another folder called ‘css’.
3. Open your preferred text editor (I use EditPad Pro) and create a new text file and paste the following code into it
   Add this CSS code:
   body { /* background-color: #fff; */ /* color: #333; */ /* margin: 20px 40px; */ max-width: 100%; }
4. Save the text file as editor-style.css and upload it to your server’s WordPress installation at WordPress Root > wp-content > themes > twentyseventeen-child > assets > css
5. Thank you to Dax for an update about the file where the code should be added.

That’s it.

Originally published at Bharat Karavadra.