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,113 among WordPress.org plugins with 300+ active installations, is #1,381 of 8,299 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.0.2)

v2.2.3 Current Version v2.2.3

Updated 3 months ago Last Update on 06 Apr, 2026

Refreshed 9 hours ago Last Refreshed on

#1,381 of 8,299 in Customization Top 25% by installs

View on WordPress.org

Rank

#10,113

— No change

Active Installs

300+

— No change

KW Avg Position

— No change

Downloads

+5 today

Support Resolved

— No change

Rating

100%

Review 5 out of 5

5 (2 reviews)

Next Milestone 400

Total Progress 96%

300+ 400+

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 4 more installs to reach 400+

Rank Changes

Current #10,113

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%)

Tracked Keywords

Showing 2 of 2

Keyword	Position	Change	Type	Updated
css	58	—	Tag	10 hours ago
customizer	112	—	Tag	10 hours ago

Unlock Keyword Analytics

Track keyword rankings, search positions, and discover new ranking opportunities with a Pro subscription.

Full keyword position tracking
Historical ranking data
Competitor keyword analysis

Upgrade to Pro

Upgrade Plan

Security History

Source: WPVulnerability

1 known vulnerability on record · 1 in the last 24 months · checked 1 day 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

7K+ installs

#2,721

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

30K+ installs

#991

Elementor Website Builder - more than just a page builder

10M+ installs

LiteSpeed Cache

7M+ installs

Ultimate Addons for Elementor

2M+ installs

#26

Essential Addons for Elementor - Popular Elementor Templates & Widgets

One Click Demo Import

1M+ installs

#59

Translate Wordpress with GTranslate

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)