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.

Custom CSS and Javascript

Description

This plugin allows you to add custom site-wide CSS styles and Javascript code to your WordPress site. Useful for overriding your theme’s styles and adding client-side functionality.

Features:

  • Code editor with syntax highlighting and AJAX saving to avoid reloading the editor at each save.
  • Save and preview your CSS and Javascript as a draft that is only applied to logged-in users with the necessary permissions until you are ready to publish your changes to the public.
  • View and restore past revisions of your CSS and Javascript.
  • Automatically minify your custom CSS and Jasascript code to reduce file size.
  • For the public, custom CSS and Javascript code is served from the filesystem instead of the database for optimal performance.

Now available! Custom CSS and Javascript Developer Edition:

  • Divide your CSS and Javascript into multiple virtual files to keep your code organized (the code is still served as one CSS and one JS file on the front-end for efficiency).
  • Supports Sassy CSS (SCSS)!
  • Live preview for CSS!
  • Upload and download CSS and Javascript files, individually or in ZIP files.
  • The developer logo and review/donation links are removed from the editor page in the WordPress admin.

Click here to purchase!

If you like this plugin, please consider making a donation.

Screenshots

  • Custom CSS editor

Installation

  1. Click “Plugins” > “Add New” in the WordPress admin menu.
  2. Search for “Custom CSS and Javascript”.
  3. Click “Install Now”.
  4. Click “Activate Plugin”.

Alternatively, you can manually upload the plugin to your wp-content/plugins directory.

FAQ

Installation Instructions
  1. Click “Plugins” > “Add New” in the WordPress admin menu.
  2. Search for “Custom CSS and Javascript”.
  3. Click “Install Now”.
  4. Click “Activate Plugin”.

Alternatively, you can manually upload the plugin to your wp-content/plugins directory.

Reviews

November 6, 2019
Especially I appreciate an Ajax-update-code function, what doesn't reset my (code) view when updating – and so I don't have to search for the recent line again after update 😉 Thanks guys! + Would be great if there was an option to split custom code into multiple files - at least visually - so that there's no need to write one long long file, but to split it into e.g. HEADER FIXES, MAIN FIXES, FOOTER FIXES etc 😉
September 5, 2019
Let add javascript and css, without having to change the code of the theme that can be erased on an update
August 19, 2019
When a client calls in a panic and needs something done quickly, like that same day if not that same hour, Custom CSS and Javascript is my go to plugin. Sometimes I'll go back and resolve the problem in WordPress, but usually I do not need to. Great job Custom CSS and Javascript developers, you should call your company Bacon Savers as you've saved my bacon plenty of times:)
March 25, 2019
Easy to make quick CSS updates without having to go into the Customizer + The added bonus of efficiently inserting custom scripts, which is essential for those of us that are not developers.
January 1, 2019
Thanks to the developers for your work that created such a plugin.
Read all 43 reviews

Contributors & Developers

“Custom CSS and Javascript” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

2.0.9

  • Added search functionality to code editor
  • Added bracket matching to code editor

2.0.8

  • Fixed issue with backslash in CSS

2.0.5

  • Improved HTTPS support

2.0

  • Added revisions
  • Added drafts/previewing
  • Added minification

1.0.5

  • Changed file storage location to prevent deletion on plugin update. IMPORTANT: BACK UP YOUR CUSTOM CSS AND JAVASCRIPT CODE BEFORE INSTALLING THIS UPDATE.

1.0

  • Initial release