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 extension 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.

Choose where code runs and how it is delivered

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

Check CSS and code handling

The standard version supports plain CSS. If your process needs a CSS preprocessor, check the Pro version for support. CSS can reference pictures in the Media Library by their direct URLs. 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 code author is responsible for what is written.

Manage publishing permissions

By default, only an Administrator can publish, edit, or delete custom code. Activating the plugin creates a Web Designer role. Assign it to a non-admin visitor to let that user publish, edit, or delete Custom Codes. You can remove the role from the plugin’s Settings page.

Create an entry and troubleshoot output

Install the plugin and open its management area in WordPress. Create a custom code entry, select its type and placement, add the code in the editor, and publish it. When you click Save, the code is cached in files to avoid repeated database queries.

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