This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Global CSS by Joddit


This plugin allows WordPress admins the ability to add and organize custom stylesheets within a friendly, familiar interface. The plugin also brings in the functionality of the CodeMirror JavaScript syntax highlighter component. This allows you to see your CSS in easily recognizable color patterns that will help you catch mistakes as you write.


  • The plugin's main dashboard.
  • The individual stylesheet editor using CodeMirror for line counts, coloring and general syntax styling.


  1. Upload the joddit-global-css folder to the /wp-content/plugins/ directory
  2. Activate the Joddit Global Stylesheet plugin through the ‘Plugins’ menu in WordPress
  3. Click on the new Global CSS menu item and create a stylesheet.


Can I change the color scheme in the CSS editor?

You can only change the color scheme of the CSS editor by modifying the core plugin code. I will be building a settings page where you will be able to do this in future releases.

Contributors & Developers

“Global CSS by Joddit” is open source software. The following people have contributed to this plugin.

Translate “Global CSS by Joddit” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



  • Initial public release.


  • Cleaned up some unnecessary lib files and directories to reduce the plugin size.


  • Added a few screenshots for the plugin page.


  • Added a main splash banner to the plugin page.


  • Fixed a bug when using the plugin with WordPress sites that are running from folders other than the web root such as


  • Fixed a small bug whereby the enqueued stylesheet url is missing a front slash.


  • Fixed a small issue regarding stylesheet content and escaping characters.


  • Fixed a bug where the javascript validation used in the plugin was interfering with other scripts.


  • Fixed a bug where the placeholder text in the stylesheet title text field wouldn’t disappear when clicked on.
  • Changed the way the save stylesheet button works. It no longer redirects the user back to the stylesheet dashboard. Instead, the save button simply saves the stylesheet and reloads the stylesheet so the user can continue editing. This was a suggestion from the community that we thought made good sense since CSS is an iterative process.


  • Updated the Plugin to work with WordPress 4.x.
  • Updated the CodeMirror syntax coloring library from version 2.35 to 4.12.


  • Fixed a notation error in the code and documentation.


  • Fixed a redirection bug that was throwing php warnings.


  • Increased the height of the stylesheet editor container per community request.