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.
- Popup Display your content in beautiful popup with many customization options. Powered by Otter.
- Form Display a form for your clients. Powered by Otter.
- Lottie Animation Add Lottie animations to your WordPress. Powered by Otter.
- Tabs Organize and allow navigation between groups of content with Tabs block. Powered by Otter.
- Countdown Set a countdown for a date. Powered by Otter.
- Google Maps Display Google Maps on your website with Google Map block. Powered by Otter.
- Circle Counter Show your progress with a beautiful Circle Counter block. Powered by Otter.
- Maps Display Open Street Maps on your website with Maps block. Powered by Otter.
- Slider Minimal image slider to showcase beautiful images. Powered by Otter.
- Progress Bar Show your progress with a beautiful Progress Bar block. Powered by Otter.
- Accordion Vertically collapsing accordions perfect for displaying your FAQs. Powered by Otter.
Reviews
June 2, 2023
1 reply
Essential for one off css. Simple and works.
October 5, 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.
September 26, 2022
1 reply
I just love it! It is must have plugin. Thank you
December 23, 2021
1 reply
genius, flexible, and extremely efficient. you can really make minor/major adjustments to the clumsy Gutenberg build-in blocks. 5 stars!!
December 4, 2021
1 reply
I think I just would not be able to use the block editor without this. Thank you so much for this plugin!
September 8, 2021
1 reply
I was tired of adding custom classes to blocks and keep track of all my custom CSS. I searched on Google for some way to handle CSS for all blocks easily and I found this gem.
So simple idea and really useful!
I make reusable blocks and style them with this plugin, saves me so much time.
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 7 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.