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

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.

WP-CLI Installation:

wp plugin install custom-css-js --activate

Frequently Asked Questions

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 fol... [truncated]

Changelog

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_editor_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
Tw... [truncated]

Statistics

Active Installs700K+

Downloads8.9M+

Version3.51

Last UpdatedInvalid Date

Requirements

WordPress

3.0.1+

PHP

5.2.4

Tested up to

6.8.3

Support

Resolution Rate67%

Total Threads3

Resolved2

Quick Links

WordPress.org Page Plugin Homepage Download Plugin Support Forum

Simple Custom CSS and JS