Search Over 30,000 FREE Plugins from the Official WordPress Plugin Directory Repository

Custom CSS and Javascript

Easily add custom CSS and Javascript code to your WordPress site, with draft previewing, revisions, and minification!

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.


  • 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.

Author Profile
Contributors hearken
Tags CSS, custom css, custom javascript, custom js, custom stylesheet, custom-styles, javascript, JS, styles, stylesheet
  1. custom-css-and-javascript screenshot 1

    Custom CSS editor

  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.


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


  • Fixed issue with backslash in CSS


  • Improved HTTPS support


  • Added revisions
  • Added drafts/previewing
  • Added minification


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


  • Initial release
Version 2.0.9

Requires WordPress version: 3.5 or higher

Compatible up to: 4.7.2

Last Updated 03 Jan 2017

Date Added: 18 Dec 2015


4.7 stars
15 ratings


Not Enough Data

Works: 0
Broken: 0