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

Great alternative to native WP Custom CSS pane

This is the best custom css plugin I’ve found as an alternative to the native WordPress Customizer CSS pane, since they decided to squeeze that on into a claustrophobically narrow window. I just wish this one had all the auto-fill/formatting as well. But still so thankful for it.

My go to for custom css & js on almost all my WordPress Builds

There’s definitely a few features I’d love to see added to the free version, but with that said it still does an excellent job. It saves me the hassle from having to create child themes for most of my WordPress builds by lettings create custom css and js outside of any files I have to manage within the theme.

I install this plugin in all my my WordPress builds now and love how simple and easy it is to navigate and use.

Help me a lot

This plugin helps me a lot, cause a lot of things i do need JS and CSS, and it´s better when we have a beside place to do this

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