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.

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!

  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.

2.0.12

  • Updated links, author, changed branding to AGS,
  • Updated tested up to,
  • Removed donation links,
  • Added aspengrovestudios as contributor

2.0.11

  • Fix: Issue with previous update if the admin JavaScript file was already in the browser cache

2.0.10

  • Miscellaneous improvements
  • Updated licensing (GPLv3+)

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
  1. Custom CSS editor

    Custom CSS editor