by Dojo Digital 5 (2 reviews)

Live CSS Preview

Name: Live CSS Preview
Rating: 5.0 (2 reviews)
Author: Dojo Digital

Live front-end and Customizer CSS editing powered by native WordPress Additional CSS storage.

Live CSS Preview ranks #10,207 among WordPress.org plugins with 300+ active installations, is #1,377 of 8,561 in the Customization category, a 5/5 rating from 2 reviews, and was last updated Apr 6, 2026. Data from WordPress.org, refreshed twice daily — see methodology.

Tested up to WP 6.9 (Current: 7.1.1)

v2.2.3 Current Version v2.2.3

Updated 5 months ago Last Update on 06 Apr, 2026

Refreshed 9 hours ago Last Refreshed on

#1,377 of 8,561 in Customization Top 25% by installs

View on WordPress.org

Rank

#10,207

-3 this week

Active Installs

300+

-24.1%

KW Avg Position

1 worse

Downloads

+3 today

Support Resolved

— No change

Rating

100%

Review 5 out of 5

5 (2 reviews)

Next Milestone 400

Total Progress 85%

300+ 400+

188

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 15 more installs to reach 400+

Rank Changes

Current #10,207

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

5.0

2 reviews

Overall 100%

2 (100%)

0 (0%)

Security History

Source: WPVulnerability

1 known vulnerability on record · 1 in the last 24 months · checked 1 month ago

Dec 4, 2025

Live CSS Preview [live-css-preview] < 2.1.5

CVE-2025-12354 · Fixed in v2.1.5

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: 2.2.3
Last Updated: Apr 06, 2026
Requires WP: 5.8+
Tested Up To: 6.9
PHP Version: 7.4 or higher
Author: Dojo Digital

Support & Rating

Rating: ★ ★ ★ ★ ★ 5
Reviews: 2
Support Threads: 0
Resolved: 0%

Keywords

css customizer editor

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

6K+ installs

#2,756

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

30K+ installs

#1,007

Elementor Website Builder - more than just a page builder

10M+ installs

LiteSpeed Cache

7M+ installs

Ultimate Addons for Elementor – Widgets, Templates, WooCommerce & Header Footer Builder

2M+ installs

#26

Essential Addons for Elementor - Popular Elementor Templates & Widgets

1M+ installs

#29

Starter Templates: AI-Powered Website Templates for Elementor & Gutenberg

One Click Demo Import

1M+ installs

#61

Translate Wordpress with GTranslate

900K+ installs

#71

View all Customization plugins

TL;DR

AI summary of the plugin's readme

This plugin is for theme editors and developers who need to write and preview CSS on a WordPress site. It solves the problem of editing Additional CSS without a live preview by adding real-time CSS editing to both the Customizer and the frontend.

Live Customizer CSS editing
Frontend CSS editor window
Live preview capability
Uses native Additional CSS storage

Frequently Asked Questions

Common questions about Live CSS Preview

Yes. Your changes are saved to the database and applied immediately to the frontend.

Absolutely — this is one of its primary features.

The plugin adds a livecss class 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 2.1.7 Hardening security (sanitization + escaping) Cleaning up uninstall logic Stabilizing CSS injection / preview behavior 2.2.2 New behavior, complete rework. Front-end Live CSS editor now: -Loads CSS directly from Appearance → Customize → Additional CSS -Saves directly back to Additional CSS -Applies changes instantly on the front end Migration -Automatically migrates existing Live CSS data into Additional CSS on update -Ensures no CSS is lost during upgrade Improvements -Added Minify, Format, and Reset tools in the editor -Improved compatibility with themes and plugins (including complex layouts) -Hardened CSS and JS to prevent conflicts (Bootstrap, Toolset, etc.) -Ensures editor appears above all site elements (z-index handling) Performance -CSS now outputs only once using native WordPress methods -Reduced duplicate rendering and improved front-end efficiency Cleanup -Removed redundant Customizer editor (uses native Additional CSS instead) -Simplified architecture for long-term stability 2.2.3 -Fixed ACE autocomplete suggestions stacking below the Live CSS panel (z-index) -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 -Removed unused legacy Customizer control PHP file -Removed duplicate root js/ and css/ folders (only assets/js and assets/css are loaded)