WordPress Block Editor – Block Settings: Styles
This tutorial is part of our series on using common block settings in the WordPress Block Editor Settings Section.
In this tutorial, you will learn how to customize a block’s styles settings and properties.
For a complete understanding of how to use the WordPress Block Editor, see the other tutorials in this series:
- WordPress Block Editor: Block Settings
- How To Use The WordPress Block Settings Section
- How To Use WordPress Blocks
***
Block Settings – Styles
Some blocks allow you to choose different styles settings.
Note: Block types that support style properties must be selected in the content editor area to display the Styles settings in the Block Settings panel.
If you need help using block settings, see this tutorial: WordPress Block Editor: Block Settings
Styles Properties
There are no properties to edit in blocks that support styles. Simply select a style option to apply the style.
Styles Settings
In this section, we’ll look at how to use the default settings in blocks that support styles.
To access the Styles settings for a block that supports styles:
- Select the block.
- Select the Block settings panel to view the Styles settings option.
- Select the style.
Most style-supported blocks include a default style.
And a rounded style…
Note: A block’s styles settings may include additional options depending on which blocks you select and what plugins and themes are installed on your site.
Congratulations! Now you know how to use your block’s style settings.
Additional Block Settings
Click on a tutorial from the list below to learn about using other common block settings in the WordPress block editor.
***
For more tutorials in this series, go here:
- The WordPress Block Editor (Gutenberg)
- How To Use WordPress Blocks
- How To Use The WordPress Block Editing Toolbar
- How To Use The WordPress Block Editor Content Area
- How To Use The WordPress Block Editor Settings Section
- WordPress Block Editor: Block Settings
***
Updated: April 9th, 2023