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

Themeisle

Hardeep Asrani

Blocks CSS allows you 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.
All the code and sources for this plugin are publicly available as part of https://github.com/Codeinwp/otter-blocks.

Blocks CSS: CSS Editor for Gutenberg Blocks

This is must have plugin for Gutenberg Block Editor. Makes it so much easier to add css classes where you use the blocks! 

Excellent!

I think I just would not be able to use the block editor without this. Thank you so much for this plugin!

This plugin saved my life!


This is a great tool for what it does. The only confusing thing for me is that it says on .org that you have 11 blocks.  I couldn't spot any new ones after installing this plugin, nor found any settings.


This is a great tool for those wanting to use core blocks


Can't think of Block Editor without this. Tiny powerful thing. 



Only thing I hate in this plugin is the following line:



$render_css = empty( $file_name ) || strpos( $file_name, 'post-v2' ) === false;



This means if you deactivate Otter, your content might just break :( 


Alternatives to Blocks CSS: CSS Editor for Gutenberg Blocks

Top alternatives