Simple Custom CSS and JS Pro lets you add custom CSS and JavaScript to a WordPress site without modifying theme or add-on documents. Use separate entries for appearance tweaks, frontend scripts, or changes to extension output.

Code stays separate from the theme

Custom CSS and JavaScript are independent of the active theme, so they can persist when you change themes. This can help keep styling or scripts that affect plugin output in place through a redesign or theme replacement. The plugin also works with a Multisite Network.

Placement and output options

The editor includes syntax highlighting, and you can make as many code entries as needed. Add CSS or JavaScript to the frontend or WordPress admin, place it in the header or footer, and choose inline output or an external file. Multiple external CSS entries of the same type are printed one after another.

CSS and preprocessor support

The standard version works with plain CSS. Simple Custom CSS and JS Pro supports CSS preprocessors such as LESS and Sass. The editor prints code as entered and does not modify, check, or validate it, so the code author remains responsible for its contents.

CSS can reference images in the Media Library by their direct URLs. The plugin also supports CSS rules such as @import and @font-face.

Publishing permissions

By default, only an Administrator can publish, edit, or delete custom code. On activation, the plugin makes a Web Designer role that can be assigned to a non-admin user to allow those actions. You can remove the role from the plugin’s Settings page.

Saving and troubleshooting

To add code, install the plugin, open its management area in WordPress, create an entry, choose its code type and placement, enter the code, and publish it. When you click Save, the plugin caches changes in files to avoid repeated database queries for the code.

If code does not appear, first confirm that the entry is Published rather than Draft or in the Trash. If a caching plugin is active, clear its cache before checking again. Verify that the wp-content/uploads/custom-css-js folder exists and is writable. The URL for linked code follows the WordPress Address setting, including HTTPS when that setting uses HTTPS.