Title: Custom CSS Pro Author: YellowPencil Published: July 30, 2016 Last modified: December 28, 2025 --- Search plugins ![](https://ps.w.org/custom-css-pro/assets/banner-772x250.png?rev=2188445) ![](https://ps.w.org/custom-css-pro/assets/icon-128x128.png?rev=2188445) # Custom CSS Pro By [YellowPencil](https://profiles.wordpress.org/waspthemes/) [Download](https://downloads.wordpress.org/plugin/custom-css-pro.zip) * [Details](https://wordpress.org/plugins/custom-css-pro/#description) * [Reviews](https://wordpress.org/plugins/custom-css-pro/#reviews) * [Installation](https://wordpress.org/plugins/custom-css-pro/#installation) * [Development](https://wordpress.org/plugins/custom-css-pro/#developers) [Support](https://wordpress.org/support/plugin/custom-css-pro/) ## Description Professional real-time CSS editor for those who want to code CSS. #### Key Features * professional CSS Editor. * Real-time live preview. * Simple UI. ## Screenshots * [[ * Live Custom CSS Editor ## Installation Install Custom CSS Pro just as you would any other WP Plugin: * Download Custom CSS Pro from WordPress.org. * Unzip the .zip file. * Upload the Plugin folder (custom-css-pro/) to the wp-content/plugins folder. * Go to Plugins Admin Panel and find the newly uploaded Plugin, “Custom CSS Pro” in the list. * Click Activate Plugin to activate it. * Begin using the plugin by going to Settings > Custom CSS in the Admin Menu. ## Reviews ![](https://secure.gravatar.com/avatar/bb879fd96e73c601ea4084b8b7fa65ebe5e9f242894ea7c3796fc2c1651b6634? s=60&d=retro&r=g) ### 󠀁[Great work](https://wordpress.org/support/topic/great-work-1109/)󠁿 [felixprojekt](https://profiles.wordpress.org/felixprojekt/) December 4, 2023 Thanks for making this. JavaScript support, or similar plugin for JavaScript would be amazing! I know custom JS plugins exist, but they lack the simplicity. ![](https://secure.gravatar.com/avatar/d14cda235002fb8b8663fd59b9251a8bb0a05ceb12494a85792ed1b5a631f586? s=60&d=retro&r=g) ### 󠀁[The Best for custom.css](https://wordpress.org/support/topic/the-best-for-custom-css/)󠁿 [mayan62](https://profiles.wordpress.org/mayan62/) July 19, 2022 I searched a long time and this plugin is the best! It has a nice user interface and most important it shows CSS mistakes! I found with this Plugin why my CSS before was not working. ![](https://secure.gravatar.com/avatar/8ebe95c6e02977112af6798b738984ae1a3bfcacae75fbdf8c3e9947b276219e? s=60&d=retro&r=g) ### 󠀁[Отличный плагин](https://wordpress.org/support/topic/%d0%be%d1%82%d0%bb%d0%b8%d1%87%d0%bd%d1%8b%d0%b9-%d0%bf%d0%bb%d0%b0%d0%b3%d0%b8%d0%bd-785/)󠁿 [vmaxs](https://profiles.wordpress.org/vmaxs/) February 2, 2022 Поменять стили настолько просто, что особо и добавить больше нечего. Особо полезен этот плагин для начинающих разработчиков. ![](https://secure.gravatar.com/avatar/7b56d6c4ae88c97a4fc003cfcdaa81df33f3a9901f8e1a6b1577442a9b040d06? s=60&d=retro&r=g) ### 󠀁[Bravo](https://wordpress.org/support/topic/bravo-111/)󠁿 [rethinkable](https://profiles.wordpress.org/rethinkable/) August 27, 2019 Just wonderful. ![](https://secure.gravatar.com/avatar/bb26c18a46623a9cfaf01d74853e434de8170b12e9f39cbbf734af3200a83013? s=60&d=retro&r=g) ### 󠀁[A must!](https://wordpress.org/support/topic/a-must-76/)󠁿 [duciplandica](https://profiles.wordpress.org/duciplandica/) March 6, 2019 Absolutely love this; one note; sometimes after saving the changes and go back to change say one character or a line, it doesn’t popular “save changes”. Maybe a small bug? In either case, I use the plug-in for every WP site I run and can’t live without it. No more going through different theme menu’s just to edit the CSS! ![](https://secure.gravatar.com/avatar/3dd23947782bfd81c355994f9496f67fca5055be763a72e00a0c01c5255c0d73? s=60&d=retro&r=g) ### 󠀁[I would have paid for this. LOL.](https://wordpress.org/support/topic/i-would-have-paid-for-this-lol/)󠁿 [kgunn14](https://profiles.wordpress.org/kgunn14/) November 4, 2018 This is the kind of plugin you’d easily donate $10 for because it’s so useful. Much thanks to WASP Themes (creators of the Yellow Pencil plugin) for offering such a lightweight and useful tool for nothing. If you use custom css to regularly style elements like I do, there’s nothing quite like being able to preview those live changes in the window while you code. I’ve been using this for about 16 months, I use it on over 10 different wordpress installs to cleanly and effectively make simple color changes, add padding, etc. [ Read all 15 reviews ](https://wordpress.org/support/plugin/custom-css-pro/reviews/) ## Contributors & Developers “Custom CSS Pro” is open source software. The following people have contributed to this plugin. Contributors * [ YellowPencil ](https://profiles.wordpress.org/waspthemes/) [Translate “Custom CSS Pro” into your language.](https://translate.wordpress.org/projects/wp-plugins/custom-css-pro) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/custom-css-pro/), check out the [SVN repository](https://plugins.svn.wordpress.org/custom-css-pro/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/custom-css-pro/) by [RSS](https://plugins.trac.wordpress.org/log/custom-css-pro/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.8 * fixed a minor php bug. #### 1.0.7 * fixed a minor javascript bug. #### 1.0.6 * Editor loading bug fixed. * Bug fixes on surfing on the website while CSS editor active. #### 1.0.5 * Any more you can coding while surfing on your website. * CSS Editor’s core functions updated. #### 1.0.4 * Added nonce to saving action * Sanitizing CSS data #### 1.0.3 * A minor bug fixed #### 1.0.2 * CSS @import bug fixed. #### 1.0.1 * A minor bug fixed #### 1.0 * Initial Release ## Meta * Version **1.0.8** * Last updated **4 months ago** * Active installations **7,000+** * WordPress version ** 4.0 or higher ** * Tested up to **6.9.4** * Tags * [css](https://wordpress.org/plugins/tags/css/)[custom](https://wordpress.org/plugins/tags/custom/) [custom css](https://wordpress.org/plugins/tags/custom-css/)[simple](https://wordpress.org/plugins/tags/simple/) * [Advanced View](https://wordpress.org/plugins/custom-css-pro/advanced/) ## Ratings 5 out of 5 stars. * [ 15 5-star reviews ](https://wordpress.org/support/plugin/custom-css-pro/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/custom-css-pro/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/custom-css-pro/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/custom-css-pro/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/custom-css-pro/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/custom-css-pro/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/custom-css-pro/reviews/) ## Contributors * [ YellowPencil ](https://profiles.wordpress.org/waspthemes/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/custom-css-pro/)