# Simple Custom CSS and JS PRO

`meteorgpl-plugin/custom-css-js-pro` — a WordPress plugin as a Composer package.

Easily add Custom CSS or JS to your website with an awesome editor.

- Author: SilkyPress.com — https://www.silkypress.com
- Homepage: https://www.silkypress.com/simple-custom-css-js-pro/
- License: not declared
- Buy a license from the vendor: https://www.silkypress.com/simple-custom-css-js-pro/
- Page: https://meteorgpl.com/packages/meteorgpl-plugin/custom-css-js-pro
- Requires WordPress: 3.0.1
- Tested up to WordPress: 6.9
- Requires PHP: 5.6
- Translations: de_DE
- Vendor: SilkyPress.com — https://meteorgpl.com/vendors/silkypress.com

## About

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

= Frequently Asked Questions =
* **Can I recover the codes if I previous uninstalled the plugin?**
No, on the `Custom CSS and JS` plugin's uninstall all the added code will be removed. Before uninstalling make sure you don't need the codes anymore.

* **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?**
No, for the moment only plain CSS is supported.

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

* **CSS Help.**
If you are just starting with CSS, then here you'll find some resources:
* [codecademy.com - Learn HTML & CSS](https://www.codecademy.com/learn/web)
* [Wordpress.org - Finding Your CSS Styles](https://codex.wordpress.org/Finding_Your_CSS_Styles)

## Changelog

### 4.41.1

* 10/20/2025
* Fix: PHP warning on multi-site WordPress installations
* Fix: preprocess the SASS/LESS custom codes intended for internal loading in the Block editor

### 4.41

* 10/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"

### 4.40

* 02/19/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
* Update the composer libraries
* Feature: add the "ccj_preprocessor_import_paths" filter for adding custom directory paths when importing SASS or LESS files

### 4.39

* 11/15/2024
* Fix: add nuance for the "in Block editor" option for websites with WP before v6.6 and after

### 4.38

* 09/24/2024
* Feature: add JS/CSS custom codes to the Block editor
* Fix: show the handle for resizing the editor along the height

Full changelog: https://meteorgpl.com/packages/meteorgpl-plugin/custom-css-js-pro/changelog

## Install

```sh
composer config repositories.meteorgpl composer https://composer.meteorgpl.com
composer require meteorgpl-plugin/custom-css-js-pro
```

The repository needs a token (see https://meteorgpl.com/docs). The vendor's license checks are intact: activate the plugin in WordPress with a key bought from the vendor.

## Versions

No version has been published yet.