Plugin / Live CSS Preview

Randall Runnels

Frequently Asked Questions (FAQ)

Yes. The plugin is designed to not only show a preview of your css changes, but to save those changes to the options table and implement them on the front-end as well. It is also useful as a developer tool so you might want to take the changes you’ve made out of the Live CSS Preview box and paste them into your theme’s style.css file.
Yes, in fact that is excactly what it was originally designed for!
The Live CSS Preview plugin adds a new class to the body tag called livecss for exactly this situation. Most of time you’ll want to avoid this, but when necessary you can add .livecss or body.livecss to the beginning of your css declaration and in most cases it will do the trick. For example, when trying to change the background color of the body tag in Twenty Eleven, the following won’t work: body { background-color:red; } Adding the livecss class will override the themes specicifity and force the change: body.livecss { background-color:red; } /* This will work */ NOTE: If you deactivate or delete the plugin, the livecss class will no longer be available to code you’ve added to your style.css file. To maintain this feature beyond the life of the plugin, just add the following code to your functions.php file: function my_body_class_override( $classes ){ $classes[] = 'livecss'; return $classes; } add_filter( 'body_class', 'my_body_class_override' );

Ratings

5
2 reviews

Rating breakdown

Details Information

Version

2.0.0

First Released

06 Jul, 2012

Total Downloads

5,800

Wordpress Version

3.4 or higher

Tested up to:

5.0.7

Require PHP Version:

-

Tags

Contributors

Languages

The plugin hasn't been transalated in any language other than English.

DIRECTORY DISCLAIMER

The information provided in this THEME/PLUGIN DIRECTORY is made available for information purposes only, and intended to serve as a resource to enable visitors to select a relevant theme or plugin. wpSocket gives no warranty of any kind, express or implied with regard to the information, including without limitation any warranty that the particular theme or plugin that you select is qualified on your situation.

The information in the individual theme or plugin displayed in the Directory is provided by the owners and contributors themselves. wpSocket gives no warranty as to the accuracy of the information and will not be liable to you for any loss or damage suffered by you as a consequence of your reliance on the information.

Links to respective sites are offered to assist in accessing additional information. The links may be outdated or broken. Connect to outside sites at your own risk. The Theme/Plugin Directory does not endorse the content or accuracy of any listing or external website.

While information is made available, no guarantee is given that the details provided are correct, complete or up-to-date.

wpSocket is not related to the theme or plugin, and also not responsible and expressly disclaims all liability for, damages of any kind, arising out of the use, reference to, or reliance on, any information or business listed throughout our site.

Keep Leading Your Followers!
Share it for them.