Description
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.
Screenshots
CSS Editor 
CSS Editor
Blocks
This plugin provides 11 blocks.
- Maps Display Open Street Maps on your website with Maps block. Powered by Otter.
- Popup Display your content in beautiful popup with many customization options. Powered by Otter.
- Progress Bar Show your progress with a beautiful Progress Bar block. Powered by Otter.
- Google Maps Display Google Maps on your website with Google Map block. Powered by Otter.
- Accordion Vertically collapsing accordions perfect for displaying your FAQs. Powered by Otter.
- Form Display a form for your clients. Powered by Otter.
- Circle Counter Show your progress with a beautiful Circle Counter block. Powered by Otter.
- Countdown Set a countdown for a date. Powered by Otter.
- Slider Minimal image slider to showcase beautiful images. Powered by Otter.
- Tabs Organize and allow navigation between groups of content with Tabs block. Powered by Otter.
- Lottie Animation Add Lottie animations to your WordPress. Powered by Otter.
Reviews
4 de octubre de 2023
1 reply
Does exactly what I need it to do.
26 de septiembre de 2023
1 reply
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 🙁
22 de septiembre de 2023
3 replies
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.
2 de junio de 2023
1 reply
Essential for one off css. Simple and works.
5 de octubre de 2022
1 reply
it does exactly what it should.
then, since the css is linked to each block, it can only be set on him
the flaw is that you cannot set it on all blocks with the same class. but I don't think it's designed for that.
26 de septiembre de 2022
1 reply
I just love it! It is must have plugin. Thank you
Contributors & Developers
“Blocks CSS: CSS Editor for Gutenberg Blocks” is open source software. The following people have contributed to this plugin.
Contributors
“Blocks CSS: CSS Editor for Gutenberg Blocks” has been translated into 8 locales. Thank you to the translators for their contributions.
Translate “Blocks CSS: CSS Editor for Gutenberg Blocks” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
You can check the changelog here.