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
  • Color
  • Font Size
  • Font Weight
  • Line Height
  • Letter Spacing
  • Word Spacing
  • Font Style
  • Text Shadow
  • Text Align
  • Text Transform
  • Text Decoration

CSS Properties: Appearance

  • Opacity
  • Background Color
  • Border
  • Border Radius
  • Box Shadow

CSS Properties: Dimensions

  • Margin
  • Padding
  • Width
  • Height


  • 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:

  • Download 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.


Read all 2 reviews

Contributors & Developers

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




  • Fixed: A jQuery conflict on WordPress 5.3 version


  • New: Reset all block CSS
  • Fixed: Styles disappear when edit custom CSS manually.
  • Fixed: When you unpin the plugin button in Gutenberg, there is no way to bring the button back.


  • The interface related bugs fixed.
  • Added: Custom CSS field.
  • Fixed: ColorPicker closing after changing the color.


  • Initial Release