Description
This plugin adds a textarea to the Customize page that allows theme editors to write, preview, and implement CSS code in real time.
It also includes a frontend CSS editor window with live preview capability.
Installation
- Upload the
live-css-previewfolder to the/wp-content/plugins/directory. - Activate the plugin through the ‘Plugins’ menu in WordPress.
FAQ
-
Will the CSS be applied to my live site if I hit “Save & Publish”?
-
Yes. Your changes are saved to the database and applied immediately to the frontend.
-
Will the Live CSS Preview allow me to write @media queries?
-
Absolutely — this is one of its primary features.
-
My CSS doesn’t seem to apply. How can I override the theme’s CSS?
-
The plugin adds a
livecssclass to the<body>element.
Use it to increase specificity when needed:body.livecss { background-color: red; } -
2.1.6
-
whitespace error removed which may conflict with other plugins
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Live CSS Preview” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Live CSS Preview” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.