CSS Editor for Gutenberg Blocks – WordPress plugin Free download

CSS Editor for Gutenberg Blocks


Style4Block allow you to customize any Gutenberg block without coding CSS. Click on a block and start styling the block. Adjust typography, appearance, dimensions and a lot more.

Key Features

Styling any block visually
Apply custom CSS to any block
Compatible With All Blocks
20+ CSS Properties

CSS Properties: Typography

Font Family
Font Size
Font Weight
Line Height
Letter Spacing
Word Spacing
Font Style
Text Shadow
Text Align
Text Transform
Text Decoration

CSS Properties: Appearance

Background Color
Border Radius
Box Shadow

CSS Properties: Dimensions



Applies a background color and padding to a quote block.
First look to the plugin, at the right sidebar.
Typography styles for any Gutenberg block.
Appearance styles for any Gutenberg block.
Dimensions styles for any Gutenberg block.


Install Style4Block just as you would any other WP Plugin:

Style4Block from WordPress.org.
Unzip the .zip file.
Upload the Plugin folder (Style4Block/) to the wp-content/plugins folder.
Go to Plugins Admin Panel and find the newly uploaded plugin, “Style4Block” in the list.
Click Activate Plugin to activate it.
Begin using the plugin by going to a post and click Style4Block icon next to publish button.


Why do I need this plugin?

WordPress blocks come with limited styling possibilities. Style4Block plugin will change the appearance of any block without a need to write complex CSS code.

Do it work with all blocks?

Yes, this plugin is compatible with all WordPress blocks. Just select a block and start to customize.

Leave a Reply

Your email address will not be published. Required fields are marked *