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

It works!

Works good and I installing this plug-in in all my wordpress-sites. Must have for all sites.

We need it

It’s a lack in WordPress. If you’re serious on custom WP sites you must use it.

A must-have plugin!

This is an awesome plugin. Not only does it save your custom CSS changes, it allows you to preview the changes without actually updating your site for the public view until you’re done with testing and are ready to make the changes “public”. Very easy to use too.

Read all 23 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