Responsive Gutenberg Addons
Search…
Responsive Gutenberg Blocks Library
Getting Started
Pattern Importer
Blocks
Divider
You can add this Divider block between your blocks to make them more distinguishable.
How To Add The Divider Block
- 1.Open a page or a post and click on the plus icon to add a new block and look for the Divider or you can search for it if it doesn’t pop up quickly for you.
- 2.By default, you'll get the below design-
%20(1).png?alt=media&token=5f4a865b-c7b8-4e23-8ffb-b6eb4bd75be7)
How To Configure The Divider Block
To configure the content of your Divider block, switch to the ‘Content’ tab.
Vertical Margin - Give space for the top and bottom of the divider.
Divider Style - You can select the style of the divider as solid, dots, or rigged.
Divider Height - You can set the height for the divider from here.
Divider Width - You can set the width for the divider from here.
%20(1).png?alt=media&token=ac5f8fa3-8253-4116-8799-a8088575a602)
How To Style The Divider Block
Switch to the ‘Style’ tab to customize the Divider color.
Divider Color
Give color to the divider from here.
%20(1).png?alt=media&token=b0860b89-5f25-431c-8fbd-a212100dc6b0)
Last modified 3mo ago