Simple Custom CSS and JS Review - In-Depth Analysis
Easily add Custom CSS or JS to your website with an awesome editor.
Performance Overview
User Rating
4.4/5 (based on 103+
reviews)
Active Installations
700,000+
Update Frequency
Average
It is calculated using the weighted average of same category
plugins.
Security Score
1 / 10
(Very Low Risk)
It is calculated using the weighted average of all versions.
What It Does
Customize your WordPress site's appearance by easily adding custom CSS and JS code without even having to modify your theme or plugin files. This is perfect for adding custom CSS tweaks to your site.
The plugin features a text editor with syntax highlighting, allowing you to print the code inline or include it in an external file. You can choose to print the code in the header or the footer, add CSS or JS to the frontend or the admin side, and add as many codes as you want. Your changes will be preserved even when you change the theme.
Comparing to Alternatives
Simple Custom CSS and JS offers a straightforward solution for adding custom code to WordPress sites, standing out among similar plugins for its simplicity and essential features.
Top alternatives
- Custom CSS for Elementor ( WPS: 6.6)
- Advanced CSS Editor ( WPS: 6.73)
- Custom CSS Pro ( WPS: 6.76)
Strengths
- Supports CSS, JS, and HTML with syntax highlighting.
- Allows code to be loaded inline or externally for caching benefits.
- Flexible placement options: header, body, or footer.
- Enables code loading on front end, block editor, and admin pages.
- Simple enable/disable toggle for code snippets.
Weaknesses
- Flushes permalinks on install without admin confirmation, which can disrupt site settings.
- Lacks advanced code editing features like automatic formatting and undo functionality.
- No built-in support for CSS preprocessors or code revisions.
- Limited to free version features as no pro version is promoted.
User Sentiment Analysis
User feedback highlights the plugin's reliability and ease of use, with some requests for enhanced editing features and concerns about initial setup behavior.
Positive highlights
- "This plugin really helped speed up my development workflow." - tomcudworth84
- "Great Plugin" - ishraqued
- "Great customer support and response to my need." - michaelmatzkin
- "Solid performance and a complete feature set for most use cases." - Bjarne Oldrup
- "Thanks to this plugin, I was able to make modifications to parts of my own website that had been eluding me." - joseeneveu
Common complaints
- Flushes permalinks settings on install without confirmation, causing disruption.
- Lacks advanced code editing features like undo and automatic formatting.
- Could improve error highlighting for code syntax issues.
Weaknesses
- No permanent or automatic error highlighting for code syntax.
- Missing undo functionality for easier code editing.
- No automatic code formatting features.
Who Should Use This?
Best for
Users seeking a reliable, straightforward plugin to add custom CSS, JS, and HTML to their WordPress site without complexity.
Not ideal for
Developers needing advanced code editing tools, CSS preprocessors, or version control features will find this plugin limited.
Pricing & Value
Free version includes
The free version includes syntax highlighting, flexible code placement, and the ability to enable or disable code snippets easily, covering most needs for custom code insertion.
Final Verdict
Simple Custom CSS and JS is a dependable and user-friendly plugin that effectively meets the needs of users wanting to add custom code without hassle.
While it lacks advanced editing features and has some setup quirks, its free offering provides substantial value for most WordPress users.
Other Notable Features
Here are a few other notable features of this free
Simple Custom CSS and JS plugin.
FAQ
If you write multiple codes of the same type (for example: two external CSS codes), then all of them will be printed one after another
When you click the Save button the codes will be cached in files, so there are no tedious database queries.
No, the code is printed exactly as in the editor. It is not modified/checked/validated in any way. You take the full responsability for what is written in there.
Try one of the following:
1. If you are using any caching plugin (like “W3 Total Cache” or “WP Fastest Cache”), then don’t forget to delete the cache before seing the code printed on the website.
2. Make sure the code is in Published state (not Draft or in Trash).
3. Check if the wp-content/uploads/custom-css-js folder exists and is writable
The CSS and JS are independent of the theme and they will persist through a theme change. This is particularly useful if you apply CSS and JS for modifying a plugin’s output.
For the moment only plain CSS is supported, but you can check out the Pro version in case you need a CSS preprocessor.
Yes. You can upload an image to your Media Library, then refer to it by its direct URL from within the CSS stylesheet. For example:
div#content {
background-image: url(‘http://example.com/wp-content/uploads/2015/12/image.jpg’);
}
By default only the Administrator will be able to publish/edit/delete Custom Codes. On the plugin activation there is a role created called Web Designer. You can assign this role to a non-admin user in order to allow to publish/edit/delete Custom Codes. On the plugin’s Settings page there is an option to remove this role.
The URL for the linked Codes is built just like the URL for other media (from Media Library) by using the WordPress Address option found on the WP Admin -> Settings -> General page, as shown in this screenshot. If the WordPress Address has HTTPS in the url, then the Custom Codes and all the other media will have HTTPS in the url.
Contributors and developers
“Simple Custom CSS and JS”
is open source software. The following people have
contributed to this plugin.
