WordPress.org

Download

Blocks CSS: CSS Editor for Gutenberg Blocks

By ThemeIsle

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

Reviews

Ricky Rydén 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.

Clickers August 30, 2021

Great job guys

ruudiz May 23, 2021

Great tool if you need to add custom CSS to Gutenberg elements without a need to edit via the customizer.

ramanandmehta 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.

rafafallo October 22, 2020

I do not use it very often, but when I do, it works great.

Meera October 16, 2020

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

Read all 13 reviews

Contributors & Developers

“Blocks CSS: CSS Editor for Gutenberg Blocks” is open source software. The following people have contributed to this plugin.

“Blocks CSS: CSS Editor for Gutenberg Blocks” has been translated into 6 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

Version 1.1.2 (2021-07-03)

Getting ready for WordPress 5.8

Version 1.1.1 (2021-02-10)

Fix extra class being removed.
Refactor inject-css.js file.
Don’t render CSS if empty.

Version 1.1.0 (2021-02-10)

Fix extra class being removed.
Refactor inject-css.js file.
Don’t render CSS if empty.

Version 1.0.7 (2020-06-17)

Fix pseudo-class selector being removed.

Version 1.0.6 (2020-06-15)

Fix issue with CSS not working with Dynamic blocks.

Version 1.0.5 (2020-05-25)

Fix CSS Editor for users with disable SyntaxHighlighter

Version 1.0.4 (2020-01-15)

Fix issue with CSS not saving
Bump semantic-release from 16.0.0 to 16.0.1

Version 1.0.3 (2020-01-07)

Update dependencies

1.0.2

Add compatibility for WordPress 5.3

1.0.1

Fix issue with Blocks CSS not working with Reusable Block.

1.0.0

Initial release

Version: 1.1.2
Last updated: 3 months ago
Active installations: 2,000+
WordPress Version: 5.2 or higher
Tested up to: 5.8.1
PHP Version: 5.4 or higher
Languages:

Chinese (Taiwan), Dutch, Dutch (Belgium), English (US), French (Canada), Hebrew, and Swedish.

Translate into your language
Tags:
block css css editor gutenberg
Advanced View