Edit, preview changes in real time and save all your project's CSS stylesheets live in the browser.
As of April 2026, WP Live CSS Editor is a WordPress css plugin with 100 active installations and a 2.5/5 rating from 10 reviews. It has been downloaded 45K+ times in total. Requires WordPress 2.7+ and PHP false+. Available on WordPress.org since 2011. Last updated 12 years ago — may have compatibility concerns. Top alternative: WPCode – Insert Headers and Footers +….
A CSS live Editor that allows you to preview realtime CSS changes and then save your changes.
It saves dated backups of each save, so you can go back if it breaks, and you should erase backups once on a while.
It’s a port from a Drupal module Live CSS http://drupal.org/project/live_css by guybedford http://drupal.org/user/746802
Now using ACE editor http://ace.ajax.org/
Tested on WordPress 3.6. But needs more testing !
=capabilities.php problem (not bug) SOLVED !=
Ok, now I did the correct thing and created an action to the wp_loaded hook to init the plugin, then,
check whether the user can “erase themes” which is an Admin capability only, so the plugin only works if you are an admin.
No need to modify the capabilities.php nor anything else.
Some users have had problems…
| WordPress | 2.7+ requiredTested up to 3.6.1 |
| PHP | false+ required |
Big thanks to pingram3541 for his forum posts that corrected some very ugly bugs.
I’ve been very busy and away from computers for a while. Better late than never.
Plugin data sourced from WordPress.org. Analysis and metrics by PluginSift.