Bunny Style Editor
Edit custom CSS with live preview, a visual element inspector, responsive breakpoints, and site-wide or contextual scoping.
Use with caution
Bunny Style Editor works, but test it on a staging site before relying on it in 2026. Was last updated 4 months ago, and scores 49/100 on our health check.
- Small user base (<10 active installs)
- Very few reviews so far
How does it stack up?
Side-by-side on installs, updates, ratings & support
Daily downloads
Download spikes usually follow a new release — each site that auto-updates counts as a download.
Rankings
Where Bunny Style Editor stands todayWordPress.org search rankings
Live position in the plugin search, top 100| Keyword | Position |
|---|---|
| css | >100 |
| css editor | >100 |
| custom css | >100 |
| live preview | >100 |
| style editor | >100 |
About Bunny Style Editor
From the official readme · v1.0.0Description
Bunny Style Editor helps you add custom CSS from the WordPress admin while you see a live preview of the site. It includes tools to point at elements in the preview and get selector suggestions, switch device breakpoints, and pick whether styles apply everywhere or only to the current context (for example, a single post, page, archive, 404, or taxonomy view).
Key Features
- Real-time live preview: Changes update in the preview as you work so you can check results before saving.
- Visual element inspector: Use the inspect tool, point at an element in the preview, and choose from generated selectors to start writing rules.
- Responsive editing: Use Desktop, Tablet, and Mobile views to work with media queries and responsive rules.
- Contextual scoping: Add global CSS for the whole site, or store styles for a specific post, page, custom post type, category, other archives, 404, or custom taxonomy views so rules load only where you intend.
- Selector hints and completion: Suggestions are based on the current preview document to match what is on the page.
- In-editor validation: Syntax issues are reported as you type to catch mistakes early.
- Preview zoom: Zoom the preview in or out for fine adjustments.
- Quick access: Open the editor from the admin toolbar (when viewing the site) with Edit Style (current page vs global) and from the Edit Style row action on list screens.
If your account can edit custom CSS in WordPress (the edit_css capability, typically administrators), you can use this plugin.
Basic usage
- From the admin menu: In the dashboard, go to Appearance → Style Editor to open the editor. The global context is a good place for rules that should apply site-wide.
- From the site (logged in): On the front end, use the Edit Style item in the admin bar. Open Current Page to style the view you are on, or Global for site-wide CSS.
- From a list of posts or pages: In Posts or Pages, use the Edit Style action on a row to open the editor scoped to that item.
- Save your CSS when you are done. Scopes you did not use stay unchanged.
You can always return to the same Appearance → Style Editor screen later to keep editing.
Contribute
Contribute on Bitbucket
Installation
Automatic Installation
- Go to your WordPress admin dashboard
- Navigate to Plugins > Add New
- Search for “Bunny Style Editor”
- Click Install Now and then Activate
- Open Appearance → Style Editor, or use Edit Style in the admin bar (front end) or in post and page lists as described in Basic usage.
Manual Installation
- Download the plugin zip file
- Upload it to
/wp-content/plugins/directory - Extract the files
- Activate the plugin through the Plugins menu in WordPress
- Open Appearance → Style Editor, or use Edit Style as described in Basic usage.
Frequently asked questions
Who can use the style editor?
Only users with the edit_css capability. In a default install, administrators have it; to allow other roles, a site can grant that capability as appropriate.
Does this plugin affect my site’s performance?
The editor interface loads in the admin when you open it. On the front end, the CSS you save is minified and output so it applies only in the right context (for example, post-specific CSS is not loaded on unrelated URLs).
Can I use this with any theme or page builder?
Bunny Style Editor outputs standard custom CSS. It is intended to work with well-coded WordPress themes and is commonly used next to the block editor and with third-party page builders, subject to how those tools load styles.
Is my CSS safe if I deactivate the plugin?
Custom CSS is stored in the database. It is not output on the front end while the plugin is inactive, but it is not removed on deactivation. Reactivating the plugin restores the previous behavior.
For developers
Is this your plugin? Show off the numbers.
Add a live badge to your site, docs or GitHub README. It updates on its own — no account needed.
Best Bunny Style Editor alternatives
All css plugins →
FAQ
Bunny Style Editor: quick answers
Straight answers, pulled from live WordPress.org data.
Live data from WordPress.org · checked Oct 1, 2026
Is Bunny Style Editor free?
Yes. Bunny Style Editor is free to download and use from the official WordPress.org plugin directory.
Is Bunny Style Editor safe to use in 2026?
Bunny Style Editor works, but test it on a staging site before relying on it in 2026. Was last updated 4 months ago, and scores 49/100 on our health check.
How many websites use Bunny Style Editor?
Bunny Style Editor is active on <10 WordPress websites and has been downloaded 268 times since it launched in May 2026. It was downloaded 50 times in the last 30 days.
Does Bunny Style Editor work with WordPress 7.1?
Bunny Style Editor is officially tested up to WordPress 7.0.6, while the latest release is 7.1.2. It may still work, but try it on a staging site first.
What PHP version does Bunny Style Editor need?
Bunny Style Editor requires PHP 7.4 or higher. Most hosts run PHP 8.x today, so it works on any modern WordPress hosting.
When was Bunny Style Editor last updated?
The latest version, 1.0.0, was released on May 22, 2026 (4 months ago).
Who makes Bunny Style Editor?
Bunny Style Editor is developed and maintained by bunnywp.
What are the best alternatives to Bunny Style Editor?
The most popular alternatives to Bunny Style Editor are WPCode (3M+ installs), Code Snippets (1M+ installs) and Simple Custom CSS Plugin (100K+ installs).
Powered by PageForge
Want thousands of pages that rank like these? Build them in an afternoon.
This directory runs on the same engine as PageForge. Turn any spreadsheet, CSV or API into thousands of fast, SEO-ready WordPress pages — with schema, internal links and AI-written copy baked in.
- CSV, Google Sheets & API data sources
- AI content, schema & internal links per page
- Works with Elementor, Gutenberg, Yoast & Rank Math
- Free on WordPress.org — no credit card
