Manage custom site code without editing theme files
Simple Custom CSS and JS Pro is a paid version for adding custom CSS and JavaScript to a WordPress site without modifying theme or plugin files. It is suited to appearance adjustments, frontend scripts, and changes to plugin output that should remain separate from the active theme.
The code is independent of the theme, so custom CSS and JavaScript can persist when the theme changes. This is useful when a site needs styling or scripts that should continue to apply after a redesign or theme replacement. The plugin also works with a Multisite Network.
Editing and code placement
The editor includes syntax highlighting to make custom code easier to work with. You can add as many code entries as needed and choose how they are delivered. Code can be printed inline or included in an external file, and it can be placed in the header or footer.
Custom CSS or JavaScript can be added to the frontend or the WordPress admin side. This allows separate code entries for visitor-facing changes and administrative adjustments. Multiple external CSS codes of the same type are printed one after another.
- Add custom CSS tweaks without changing theme or plugin files.
- Add JavaScript to the frontend or admin side.
- Place code in the header or footer.
- Print code inline or include it in an external file.
- Create and manage multiple custom code entries.
- Keep custom changes when changing the theme.
Pro capability for CSS workflows
The source information identifies the Pro version as the option to check when a CSS preprocessor is needed. The standard capability described for the plugin is plain CSS, while the Pro version is associated with CSS preprocessor support. This can be relevant for users whose styling workflow is not limited to plain CSS.
The editor prints the code exactly as entered. The plugin does not modify, check, or validate the code, so the code author remains responsible for what is written. CSS can use images from the Media Library by referencing their direct URLs. CSS rules such as @import and @font-face are also supported.
Publishing and permissions
By default, only an Administrator can publish, edit, or delete custom code. When the plugin is activated, it creates a Web Designer role. This role can be assigned to a non-admin user to allow that user to publish, edit, or delete Custom Codes. The role can also be removed from the plugin’s Settings page.
Installation and troubleshooting
Install the plugin, open its management area in WordPress, and create a custom code entry. Select the desired code type and placement, add the code in the editor, and publish it. Changes are cached in files when you click Save, avoiding repeated database queries for the code.
If code does not appear, confirm that the entry is Published rather than Draft or in the Trash. If a caching plugin is active, delete its cache before checking the result. Also 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.
