Title: Simple Custom CSS and JS Author: SilkyPress Published: December 7, 2015 Last modified: March 6, 2026 --- Search plugins ![](https://ps.w.org/custom-css-js/assets/banner-772x250.png?rev=1303730) ![](https://ps.w.org/custom-css-js/assets/icon-128x128.png?rev=1303730) # Simple Custom CSS and JS By [SilkyPress](https://profiles.wordpress.org/diana_burduja/) [Download](https://downloads.wordpress.org/plugin/custom-css-js.3.52.zip) * [Details](https://twd.wordpress.org/plugins/custom-css-js/#description) * [Reviews](https://twd.wordpress.org/plugins/custom-css-js/#reviews) * [Installation](https://twd.wordpress.org/plugins/custom-css-js/#installation) * [Development](https://twd.wordpress.org/plugins/custom-css-js/#developers) [Support](https://wordpress.org/support/plugin/custom-css-js/) ## Description 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. #### Features * **Text editor** with syntax highlighting * Print the code **inline** or included into an **external file** * Print the code in the **header** or the **footer** * Add CSS or JS to the **frontend** or the **admin side** * Add as many codes as you want * Keep your changes also when you change the theme ## Screenshots * [[ * Manage Custom Codes * [[ * Add/Edit Javascript * [[ * Add/Edit CSS * [[ * Add/Edit HTML ## Installation * From the WP admin panel, click “Plugins” -> “Add new”. * In the browser input box, type “Simple Custom CSS and JS”. * Select the “Simple Custom CSS and JS” plugin and click “Install”. * Activate the plugin. OR… * Download the plugin from this page. * Save the .zip file to a location on your computer. * Open the WP admin panel, and click “Plugins” -> “Add new”. * Click “upload”.. then browse to the .zip file downloaded from this page. * Click “Install”.. and then “Activate plugin”. OR… * Download the plugin from this page. * Extract the .zip file to a location on your computer. * Use either FTP or your hosts cPanel to gain access to your website file directories. * Browse to the `wp-content/plugins` directory. * Upload the extracted `custom-css-js` folder to this directory location. * Open the WP admin panel.. click the “Plugins” page.. and click “Activate” under the newly added “Simple Custom CSS and JS” plugin. ## FAQ ### What if I want to add multiple external CSS codes? 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 ### Will this plugin affect the loading time? When you click the `Save` button the codes will be cached in files, so there are no tedious database queries. ### Does the plugin modify the code I write in the editor? 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. ### My code doesn’t show on the website 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 ### Does it work with a Multisite Network? Yes. ### What if I change the theme? 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. ### Can I use a CSS preprocesor like LESS or Sass? For the moment only plain CSS is supported, but you can check out the [Pro version](https://www.silkypress.com/simple-custom-css-js-pro/?utm_source=wordpress&utm_campaign=ccj_free&utm_medium=banner) in case you need a CSS preprocessor. ### Can I upload images for use with my CSS? 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’); } ### Can I use CSS rules like @import and @font-face? Yes. ### Who can publish/edit/delete Custom Codes? 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. ### My website has HTTPS urls, but the codes are linked as HTTP 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](https://www.silkypress.com/wp-content/uploads/2016/12/ccj-siteurl.png). If the WordPress Address has HTTPS in the url, then the Custom Codes and all the other media will have HTTPS in the url. ## Reviews ![](https://secure.gravatar.com/avatar/4b74336b53c44542848a38a0f20e39581b5432180275883407166ef69e1b95de? s=60&d=retro&r=g) ### 󠀁[Splendid](https://wordpress.org/support/topic/great-17086/)󠁿 [ishraqued](https://profiles.wordpress.org/ishraqued/) April 1, 2026 Great Plugin ![](https://secure.gravatar.com/avatar/17762ac7d270ed4b36487da28bf6c9fb58bff595d8d3282119775381a2dd8578? s=60&d=retro&r=g) ### 󠀁[Great customer support and response to my need](https://wordpress.org/support/topic/great-customer-support-and-response-to-my-need/)󠁿 [michaelmatzkin](https://profiles.wordpress.org/michaelmatzkin/) January 19, 2026 I appreciate you addressing what had been an incompatibility with another plugin. This fix helps me make better use of your product. ![](https://secure.gravatar.com/avatar/0c048b031053d85d39576ae1fcd3963cbd911570ebdd45651434e72bad9ee72d? s=60&d=retro&r=g) ### 󠀁[Just what I was looking for](https://wordpress.org/support/topic/just-what-i-was-looking-for-582/)󠁿 [Heath Woodward](https://profiles.wordpress.org/goldeneye512/) August 18, 2025 Works perfectly. Great plugin. ![](https://secure.gravatar.com/avatar/fda2e310e186a011d8b8440ac9bc39e92c1b7fe5525e78b22917f7908955762e? s=60&d=retro&r=g) ### 󠀁[Great Product, Great Support](https://wordpress.org/support/topic/great-product-great-support-216/)󠁿 [Zayadur](https://profiles.wordpress.org/zayadur/) June 23, 2025 There is no other plugin that allows you to control settings like WP conditional location rules, stores versioned copies of the files in a directory making local development easier, and is a simple UX to deploy rapid updates cutting down on development time. On top of that, the support team has gone above and beyond to address and fix limitations to allow my business and developers’ workflows to continue without a hitch. I highly recommend this plugin to anyone that’s looking for a definitive solution to deploy HTML, CSS, JS snippets on a per-post basis. ![](https://secure.gravatar.com/avatar/f8e7bea1ca5de59582c24d555f722db5971a47c91dfeae4b8933c89e7f78d104? s=60&d=retro&r=g) ### 󠀁[Very Simple and Multi-Functional](https://wordpress.org/support/topic/very-simple-and-multi-functional-2/)󠁿 [joseeneveu](https://profiles.wordpress.org/joseeneveu/) February 22, 2025 Thanks to this plugin, I was able to make modifications to parts of my own website that had been eluding me for WEEKS through other CSS plugins that I had been trying to use. ![](https://secure.gravatar.com/avatar/2b636fd19c09a0cf995dd6f5309fc22c036d56c6033fc95e88b8881986c0e088? s=60&d=retro&r=g) ### 󠀁[Perfect plugin, but a few improvements for easier editing would be nice.](https://wordpress.org/support/topic/perfect-plugin-but-a-few-improvements-for-easier-editing-would-be-nice/)󠁿 [michalrama](https://profiles.wordpress.org/michalrama/) January 6, 2025 This plugin is basically a must. When using a free theme, I am quite limited in editing the appearance. And some functions cannot be solved using plugins. There are three things that I have been missing for a long time. Insufficient highlighting of the wrong number of brackets. It does turn red when I click on it, but it would be better if it was red permanently or turned red after saving. Basic ability to undo changes. Ability to automatically format code However, this does not change the fact that I give it five stars. [ Read all 102 reviews ](https://wordpress.org/support/plugin/custom-css-js/reviews/) ## Contributors & Developers “Simple Custom CSS and JS” is open source software. The following people have contributed to this plugin. Contributors * [ SilkyPress ](https://profiles.wordpress.org/diana_burduja/) “Simple Custom CSS and JS” has been translated into 17 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/custom-css-js/contributors) for their contributions. [Translate “Simple Custom CSS and JS” into your language.](https://translate.wordpress.org/projects/wp-plugins/custom-css-js) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/custom-css-js/), check out the [SVN repository](https://plugins.svn.wordpress.org/custom-css-js/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/custom-css-js/) by [RSS](https://plugins.trac.wordpress.org/log/custom-css-js/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 3.52 * 03/06/2026 * Fix: don’t load block_css.css or block_js.js on the frontend * Add option “Remove comment from externally linked custom codes” #### 3.51.3 * 01/09/2026 * Fix https://wordpress.org/support/topic/recent-update-crashes-admin-panel/ #### 3.51.2 * 12/21/2025 * Compatibility WP6.9 * Tweak: add translators’ notes to translatable strings * Tweak: use `wp_delete_file` function, which allows a filter before deleting a file #### 3.51.1 * 10/14/2025 * Fix: add the drag icon that makes the editor expandable * Fix: the syntax highlighting was missing for HTML custom codes due to an array id overridding #### 3.51 * 09/06/2025 * Tweak: update the CodeMirror library to the 5.65.20 version * Fix: change the loading method in the Block editor to the recommended “enqueue_block_assets” #### 3.50 * 02/17/2025 * Fix: the editor doesn’t show up under certain conditions * Fix: don’t show the code excerpts in the list table, if the “Extended View” option is enabled for posts or pages #### 3.49 * 11/13/2024 * Fix: add nuance for the “in Block editor” option for websites with WP before v6.6 and after #### 3.48 * 09/24/2024 * Feature: add JS/CSS custom codes to the Block editor #### 3.47 * 05/27/2024 * Fix: use the GMT time for showing when a custom code was published or modified #### 3.46 * 01/31/2024 * Tweak: update the Bootstrap and jQuery library links * Tweak: remove the qTranslate-x warning. The qTranslate-x plugin was removed from wp.org since Aug 2021 [See changelog for all versions](https://plugins.svn.wordpress.org/custom-css-js/trunk/changelog.txt). ## Meta * Version **3.52** * Last updated **4 weeks ago** * Active installations **700,000+** * WordPress version ** 3.0.1 or higher ** * Tested up to **6.9.4** * PHP version ** 5.2.4 or higher ** * Languages * [Czech](https://cs.wordpress.org/plugins/custom-css-js/), [Dutch](https://nl.wordpress.org/plugins/custom-css-js/), [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/custom-css-js/), [English (US)](https://wordpress.org/plugins/custom-css-js/), [French (France)](https://fr.wordpress.org/plugins/custom-css-js/), [Galician](https://gl.wordpress.org/plugins/custom-css-js/), [German](https://de.wordpress.org/plugins/custom-css-js/), [Japanese](https://ja.wordpress.org/plugins/custom-css-js/), [Persian](https://fa.wordpress.org/plugins/custom-css-js/), [Polish](https://pl.wordpress.org/plugins/custom-css-js/), [Russian](https://ru.wordpress.org/plugins/custom-css-js/), [Spanish (Chile)](https://cl.wordpress.org/plugins/custom-css-js/), [Spanish (Colombia)](https://es-co.wordpress.org/plugins/custom-css-js/), [Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/custom-css-js/), [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/custom-css-js/), [Spanish (Spain)](https://es.wordpress.org/plugins/custom-css-js/), [Spanish (Venezuela)](https://ve.wordpress.org/plugins/custom-css-js/), and [Swedish](https://sv.wordpress.org/plugins/custom-css-js/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/custom-css-js) * Tags * [add style](https://twd.wordpress.org/plugins/tags/add-style/)[custom css](https://twd.wordpress.org/plugins/tags/custom-css/) [custom js](https://twd.wordpress.org/plugins/tags/custom-js/)[customize theme](https://twd.wordpress.org/plugins/tags/customize-theme/) * [Advanced View](https://twd.wordpress.org/plugins/custom-css-js/advanced/) ## Ratings 4.4 out of 5 stars. * [ 81 5-star reviews ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=5) * [ 4 4-star reviews ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=4) * [ 4 3-star reviews ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=3) * [ 2 2-star reviews ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=2) * [ 11 1-star reviews ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=1) [Add my review](https://wordpress.org/support/plugin/custom-css-js/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/custom-css-js/reviews/) ## Contributors * [ SilkyPress ](https://profiles.wordpress.org/diana_burduja/) ## Support Issues resolved in last two months: 3 out of 3 [View support forum](https://wordpress.org/support/plugin/custom-css-js/)