{"id":18929,"date":"2012-07-07T15:22:35","date_gmt":"2012-07-07T15:22:35","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/live-css-preview\/"},"modified":"2026-04-06T18:23:55","modified_gmt":"2026-04-06T18:23:55","slug":"live-css-preview","status":"publish","type":"plugin","link":"https:\/\/mn.wordpress.org\/plugins\/live-css-preview\/","author":9769791,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.2.3","stable_tag":"2.2.3","tested":"6.9.4","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Live CSS Preview","header_author":"Dojo Digital","header_description":"","assets_banners_color":"","last_updated":"2026-04-06 18:23:55","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/dojodigital.com\/","header_author_uri":"","rating":5,"author_block_rating":0,"active_installs":400,"downloads":8437,"num_ratings":2,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq"],"tags":{"2.1.1":{"tag":"2.1.1","author":"dojodigital","date":"2026-01-15 20:56:09"},"2.1.2":{"tag":"2.1.2","author":"dojodigital","date":"2026-01-15 20:57:47"},"2.1.5":{"tag":"2.1.5","author":"dojodigital","date":"2026-01-22 20:45:59"},"2.1.6":{"tag":"2.1.6","author":"dojodigital","date":"2026-02-06 17:08:16"},"2.1.7":{"tag":"2.1.7","author":"dojodigital","date":"2026-04-02 17:20:14"},"2.2.2":{"tag":"2.2.2","author":"dojodigital","date":"2026-04-03 03:55:22"},"2.2.3":{"tag":"2.2.3","author":"dojodigital","date":"2026-04-06 18:23:55"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"2"},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.1.1","2.1.2","2.1.5","2.1.6","2.1.7","2.2.2","2.2.3"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Live CSS Snapshot 1","2":"Live CSS Snapshot 2"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[356,2768,1332],"plugin_category":[43,59],"plugin_contributors":[78116],"plugin_business_model":[],"class_list":["post-18929","plugin","type-plugin","status-publish","hentry","plugin_tags-css","plugin_tags-customizer","plugin_tags-editor","plugin_category-customization","plugin_category-utilities-and-tools","plugin_contributors-dojodigital","plugin_committers-dojodigital"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/live-css-preview.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>This plugin adds a textarea to the Customize page that allows theme editors to write, preview, and implement CSS code in real time.<br \/>\nIt also includes a frontend CSS editor window with live preview capability.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>live-css-preview<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"will%20the%20css%20be%20applied%20to%20my%20live%20site%20if%20i%20hit%20%22save%20%26%20publish%22%3F\"><h3>Will the CSS be applied to my live site if I hit \"Save &amp; Publish\"?<\/h3><\/dt>\n<dd><p>Yes. Your changes are saved to the database and applied immediately to the frontend.<\/p><\/dd>\n<dt id=\"will%20the%20live%20css%20preview%20allow%20me%20to%20write%20%40media%20queries%3F\"><h3>Will the Live CSS Preview allow me to write @media queries?<\/h3><\/dt>\n<dd><p>Absolutely \u2014 this is one of its primary features.<\/p><\/dd>\n<dt id=\"my%20css%20doesn%E2%80%99t%20seem%20to%20apply.%20how%20can%20i%20override%20the%20theme%E2%80%99s%20css%3F\"><h3>My CSS doesn\u2019t seem to apply. How can I override the theme\u2019s CSS?<\/h3><\/dt>\n<dd><p>The plugin adds a <code>livecss<\/code> class to the <code>&lt;body&gt;<\/code> element.<br \/>\nUse it to increase specificity when needed:<\/p>\n\n<pre><code>body.livecss { background-color: red; }\n<\/code><\/pre><\/dd>\n<dt id=\"2.1.6\"><h3>2.1.6<\/h3><\/dt>\n<dd><p>whitespace error removed which may conflict with other plugins<\/p><\/dd>\n<dt id=\"2.1.7\"><h3>2.1.7<\/h3><\/dt>\n<dd><p>Hardening security (sanitization + escaping)\nCleaning up uninstall logic\nStabilizing CSS injection \/ preview behavior<\/p><\/dd>\n<dt id=\"2.2.2\"><h3>2.2.2<\/h3><\/dt>\n<dd><p>New behavior, complete rework.\nFront-end Live CSS editor now:\n-Loads CSS directly from Appearance \u2192 Customize \u2192 Additional CSS\n-Saves directly back to Additional CSS\n-Applies changes instantly on the front end<\/p>\n\n<p>Migration\n-Automatically migrates existing Live CSS data into Additional CSS on update\n-Ensures no CSS is lost during upgrade<\/p>\n\n<p>Improvements\n-Added Minify, Format, and Reset tools in the editor\n-Improved compatibility with themes and plugins (including complex layouts)\n-Hardened CSS and JS to prevent conflicts (Bootstrap, Toolset, etc.)\n-Ensures editor appears above all site elements (z-index handling)<\/p>\n\n<p>Performance\n-CSS now outputs only once using native WordPress methods\n-Reduced duplicate rendering and improved front-end efficiency<\/p>\n\n<p>Cleanup\n-Removed redundant Customizer editor (uses native Additional CSS instead)\n-Simplified architecture for long-term stability<\/p><\/dd>\n<dt id=\"2.2.3\"><h3>2.2.3<\/h3><\/dt>\n<dd><p>-Fixed ACE autocomplete suggestions stacking below the Live CSS panel (z-index)\n-Fixed Format tool inserting a space after colons in selectors (e.g. a:hover was changed to a: hover); spacing is now applied only to property\/value lines\n-Removed unused legacy Customizer control PHP file\n-Removed duplicate root js\/ and css\/ folders (only assets\/js and assets\/css are loaded)<\/p><\/dd>\n\n<\/dl>","raw_excerpt":"Live front-end and Customizer CSS editing powered by native WordPress Additional CSS storage.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/18929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=18929"}],"author":[{"embeddable":true,"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/dojodigital"}],"wp:attachment":[{"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=18929"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=18929"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=18929"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=18929"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=18929"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/mn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=18929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}