Simple Custom CSS and JS Pro lets you add custom CSS and JavaScript to WordPress without editing theme or plugin files. Use separate entries for appearance adjustments, frontend scripts, or changes to add-on output. Because the code is independent of the active theme, it can persist when you change themes. The plugin also works with a Multisite Network.

Code entries and placement settings

The editor includes syntax highlighting, and you can create as many entries as needed. For each entry, choose CSS or JavaScript, choose the frontend or WordPress admin, and set header or footer placement. Code can be printed inline or included in an external file. Multiple external CSS entries of the same type are printed one after another.

CSS support and code handling

The standard capability is described as plain CSS. Pro is the version to check when your workflow needs a CSS preprocessor. CSS can reference pictures in the Media Library using their direct URLs, and rules such as @import and @font-face are supported.

The editor prints code exactly as entered. It does not modify, check, or validate it, so the person who writes the code is responsible for its contents.

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 visitor for those tasks. You can remove this role from the plugin’s Settings page.

Installation and troubleshooting

Install and activate the plugin, then open its management area in WordPress. Create an entry, select its code type and placement, add the code in the editor, and publish it. Clicking Save caches changes in files, avoiding repeated database queries for the code.

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