This plugin hasn’t been tested with the latest three 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

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.
November 13, 2018
The most beautiful of my helper plugins.
July 9, 2018
It works perfect, you can modify your site, re-roll a previous backup and it minifies!!
Read all 42 reviews

Contributors & Developers

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

Contributors

Change log

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