Simple Custom CSS and JS Pro

Keep custom code separate from theme files

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

Choose how each entry is delivered

The editor includes syntax highlighting, and you can make as many code entries as needed. Choose CSS or JavaScript, set each entry to apply to the frontend or WordPress admin, then select 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 behavior

The standard version works with plain CSS, while Pro supports CSS preprocessors. CSS can reference pictures in the Media Library by their direct URLs, and rules such as @import and @font-face are supported. The editor prints code exactly as entered and does not modify, check, or validate it, so the code author is responsible for what is written.

Publishing permissions

By default, only an Administrator can publish, edit, or delete custom code. On activation, the plugin creates a Web Designer role. You can assign this role to a non-admin visitor to allow them to publish, edit, or delete Custom Codes. The role can also be removed from the plugin’s Settings page.

Save and troubleshoot entries

Create a code entry, pick its type and placement, add the code, and publish it. When you click Save, the code is cached in files to avoid repeated database queries.

If code does not appear, confirm 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.