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.


1. Mai 2020
Works perfect on custom blocks made with BlockLab (and probably ACF, LazyBlocks). The Free version just allows to use custom CSS, just what I need! Is a very good alternative to the default 'Advanced' settings of a block where you can use custom CSS clases. You can style without using css selectors! I have also tried Blocks CSS but it didn't work with custom blocks.
Lies alle 3 Rezensionen

Mitwirkende & Entwickler

„CSS Editor for Gutenberg Blocks“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:




  • 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