Blocks CSS: CSS Editor for Gutenberg Blocks

79 Quality Score

Active Installs

17/30

At 5,000 active installs it is a niche utility, well behind the 600,000+ install alternatives, which keeps the popularity score modest despite exceeding expectations for its size.

Update Freshness

25/25

The plugin was updated in July 2026 and is tested against WordPress 7.0, signalling an actively maintained codebase with no signs of abandonment.

User Rating

15/15

With a 98 out of 100 rating across 25 reviews, users who try it tend to love it, though the small sample size means the score should be read with some caution.

Support Health

8/15

Only 2 support threads exist and both are resolved, giving a 100% resolution rate, but the tiny volume means this metric offers limited statistical confidence.

WP Compatibility

15/15

Tested up to WordPress 7.0 with a minimum of 6.6 and PHP 5.4, the compatibility posture is current and broadly accessible across hosting environments.

Scores higher than 70% of indexed plugins

About

Blocks CSS allows you add custom CSS to your Blocks straight from the Block Editor (Gutenberg).

Active Installs 5k+

Rating ★★★★½ 4.9/5

Last Updated 2026-09-22 1:06pm GMT

Requires WordPress 6.6+

Tested Up To 7.0.6

Requires PHP 5.4+

✓ No known vulnerabilities

What It Does

Blocks CSS adds a custom CSS field directly to individual blocks within the Gutenberg editor, letting you style each block without leaving the block interface or writing global stylesheet rules. The CSS is scoped to the specific block, so changes only affect that element rather than your entire theme. It is a focused tool for applying targeted visual tweaks on a per-block basis.

Who It's For

This plugin suits site owners and designers who want fine-grained control over individual block styling without building a child theme or maintaining a custom stylesheet. It is especially handy for content editors comfortable with CSS who need to override theme defaults on a case-by-case basis. Small businesses and freelancers managing a handful of pages will get the most out of it.

Who Should Skip It

Anyone who only needs broad, site-wide styling changes should use the Full Site Editor or a child theme instead, since per-block CSS adds clutter without benefit. Non-technical users who do not already know CSS will find no value in a plugin that requires them to write selectors and properties by hand.

The Bottom Line

Blocks CSS is a small, well-maintained utility that does one thing competently: injecting per-block CSS in Gutenberg. Its tiny install base means it is not battle-tested at scale, and the quality score of 78.77 reflects middling popularity rather than any product weakness. Recommended for CSS-literate users who want lightweight control, but redundant for anyone using a full block suite like Spectra or Kadence.

Pick Spectra if you want a full block library with built-in styling controls rather than a single-purpose CSS injector.

Shortcodes Ultimate – Content Elements 93/100

Choose Shortcodes Ultimate if you need a wide array of pre-built content elements and accept working with shortcodes instead of the block editor.

Kadence Blocks — Page Builder Toolkit for Gutenberg Editor 89/100

Opt for Kadence Blocks if you want a complete design toolkit with typography, layouts, and styling controls bundled into the editor.

Starter Templates – AI-Powered Templates for Elementor & Gutenberg 89/100

Choose Starter Templates if your priority is importing full page designs quickly rather than tweaking individual block CSS.

Classic Widgets 89/100

Classic Widgets addresses a different problem entirely, so only consider it if you specifically need to restore the old widget screen.