Any way to enable the Jetpack CSS editor again with this new WP update?

Thanks for getting in touch. There has been a big change now that WordPress includes its own CSS editor in the Customizer. Here’s more details in WordPress’s release post:

WordPress 4.7 “Vaughan”

If you use Jetpack 4.4.2+ and WordPress 4.7+, Jetpack plays nice with the new editor: Jetpack’s old full-width CSS editor redirects to the new customizer tab, where you can edit your CSS and see those changes in the preview instantly. We’ve also ported our own special features (CSS Preprocessing, Custom content width, Revisions, …) into the customizer, inside that tab.

If you’re unhappy with this update, we are listening! We have an open GitHub issue where we’d like to hear from you as we’re aware the experience of using Custom CSS within WordPress and the Customizer has changed dramatically from what you might have been used to in Jetpack. You can find this issue here and add your thoughts for our development team: https://github.com/Automattic/jetpack/issues/5828

Any updates will be posted to that issue.

Thanks!

This is the WORST change ever. I’m a programmer and code custom CSS all day on many WordPress sites, and I can’t do it in a 1.5″ window. I need the FULL EDITING SCREEN!

Literally was in tears today because of this change. Horrifying.

Any way we can hack the plugin to put it back to the full editing screen?

I have added my thoughts to the Git. **Really hoping you can give us back the old css editor**

Any way we can hack the plugin to put it back to the full editing screen?

That’s not possible yet, but I see you’ve also commented on the GitHub issue so you’ll be notified whenever we make changes to address this.

Until something changes in the plugin, you can use CSS to customize the look of your WordPress dashboard. A few plugins like this one allow you to add Custom CSS to your dashboard. Another option, if you always work from the same browser, would be to use a browser extension like Stylish to apply custom CSS to some sites and URLs you visit. In practice, that means that you could add custom CSS to the Customizer area of your site like so:
https://i.wpne.ws/iQwR

For example, with the following CSS:

.wp-full-overlay.expanded {
	margin-left: 900px;
}

.wp-full-overlay-sidebar,
#customize-control-custom_css {
	width: 900px;
}

You can turn your Custom CSS area into this:
https://i.wpne.ws/iQtn