Add custom CSS to your Gutenberg blocks directly from the block editor.

WP Zone

annaqq

Custom CSS and JavaScript

Easily add custom CSS and JavaScript code to your WordPress site, with draft previewing, revisions, and minification!

Alex Prokopenko / JustCoded

Just TinyMCE Custom Styles

Adds dropdown options for custom css classes and attributes for tags in WordPress TinyMCE Editor.

lilaeamedia

Child Theme Configurator

When using the Customizer is not enough - Create a child theme from your installed themes and customize styles, templates, functions and more.

Sheikh Ashrafuzzman

Block Responsive – Make Editor Blocks Responsive Easily

Transform any WordPress block into a fully responsive element with device-specific controls for mobile, tablet, and desktop optimization.

Peter Raschendorfer

Smart CSS Auto Loader

Kadim Gültekin

Block Style Modifiers

Add multiple block styles to Gutenberg blocks with ease.

iamaliiraja

Super Block CSS allows you to add custom CSS to your Blocks straight from the Block Editor (Gutenberg). It adds a syntax-highlighted CSS Editor where you can add additional CSS to your Gutenberg Blocks to style them the way you want.
Key features:
<ul>
<li>Adds a Custom CSS panel to every Gutenberg blocks</li>
<li>Syntax-highlighted CSS editor for easy coding</li>
<li>Apply custom styles to individual blocks</li>
<li>Global CSS option for site-wide styles</li>
<li>Real-time preview of your custom styles in the editor</li>
<li>Easy-to-use interface integrated into the Gutenberg editor</li>
</ul>
Whether you’re a developer looking to fine-tune your blocks or a site owner wanting to add some custom flair, Super Block CSS gives you the power to customize your Gutenberg blocks with ease.

Super Blocks CSS – Custom CSS for Gutenberg Blocks

Awesome plugin, i will always use this one from now.



Alternatives to Super Blocks CSS – Custom CSS for Gutenberg Blocks

Top alternatives