Blocks CSS: CSS Editor for Gutenberg Blocks

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 10 blocks.

  • Form Display a form for your clients. Powered by Otter.
  • Maps Display Open Street Maps on your website with Maps block. 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.
  • Circle Counter Show your progress with a beautiful Circle Counter block. Powered by Otter.
  • Google Maps Display Google Maps on your website with Google Map block. Powered by Otter.
  • Popup Display your content in beautiful popup with many customization options. Powered by Otter.
  • Countdown Set a countdown for a date. 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.

Reviews

December 23, 2021
genius, flexible, and extremely efficient. you can really make minor/major adjustments to the clumsy Gutenberg build-in blocks. 5 stars!!
September 8, 2021
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.
May 23, 2021
Great tool if you need to add custom CSS to Gutenberg elements without a need to edit via the customizer.
January 8, 2021
I can't explain how much this is useful plugin for me. styling a block without using such a plugin is something hard work but by using this we can change the style of any block easily. This plugin will be more useful if you include a feature of auto-completing CSS or suggestion of CSS tags. also if you add a button to copy style so that we can paste the same style in another block without wasting time on typing CSS again. Thanks.
Read all 15 reviews

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.