{"id":70711,"date":"2021-12-27T10:36:13","date_gmt":"2021-12-27T10:36:13","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/?page_id=70711"},"modified":"2023-05-17T10:38:06","modified_gmt":"2023-05-17T10:38:06","slug":"divider","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/divider\/","title":{"rendered":"Divider block for Gutenberg"},"content":{"rendered":"\n
<\/div>
\n
\n

Divider
GUTENBERG<\/span> block<\/h1>

Turn your dividers into something truly special using the
Qi Blocks for Gutenberg Divider block<\/p>

\n
TRY QI BLOCKS<\/span><\/a><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
\"a\"<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n

Standard Divider<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

Choose one of three basic layouts, combine different styles and use custom images to create the perfect divider.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Zigzag Divider<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

You can also pick one of four divider border styles for standard dividers to get the exact look you are looking for.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Bullet-Line Divider<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

You can also use custom icons or SVGs for your dividers if you elect to. Simply pick the icon layout and define it.<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
\n

Dashed Divider<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

You can also pick one of four divider border styles for standard dividers to get the exact look you are looking for.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Zigzag Divider<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

You can also use custom icons or SVGs for your dividers if you elect to. Simply pick the icon layout and define it.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Bullet-Line Divider<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

Choose one of three basic layouts, combine different styles and use custom images to create the perfect divider.<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
\n
Create custom dividers<\/span><\/h6>

Easily styled per your taste<\/h2><\/div><\/div>\n\n\n\n
<\/div>\n<\/polygon>\n<\/svg><\/span>
<\/div><\/div><\/div><\/div>\n\n\n\n

Not only can you create neat visual dividers between different sections, but you can create just about any type of divider you can imagine!<\/p>

\n
View More<\/span><\/a><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n

Change Colors<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

There are plenty of ways you can style dividers. You can alter the color of your dividers with just a few simple clicks.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Set Thickness<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

Easily adjust the thickness of your dividers to get the exact look you are going for. It\u2019s super easy with the Divider block.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Adjust Width<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

Divider custom block is fully flexible. Have the divider cover the entire width of the section or resize it to your liking.<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
\n

Border Styles<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

You can also pick one of four divider border styles for standard dividers to get the exact look you are looking for.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Set Margins<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

A clear and intuitive way to input different values for the divider bottom and top margins & create a look you like.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Create Your Own<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

You can also use custom icons or SVGs for your dividers if you elect to. Simply pick the icon layout and define it.<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
\n
Divider widget<\/span><\/h6>

Limitless flexibility<\/h2><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

Divider custom Gutenberg block opens up a whole sea of possibilities when it comes to creating great visual separators between different sections on your pages. Upload your own images, icons or SVGs, adjust colors as well as border styles, input values for divider width and thickness, and easily set up margins for your dividers.<\/p>

\n
View More<\/span>\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
\"a\"<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n

Change Layouts<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

Choose one of three basic layouts, combine different styles and use custom images to create the perfect divider.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Feature Icons<\/h4><\/div><\/div>\n\n\n\n
<\/div>\n\n\t<\/path>\n\t<\/path>\n\t<\/path>\n\t<\/path>\n\t<\/path>\n\t<\/path>\n<\/g>\n<\/svg><\/span>
<\/div><\/div><\/div><\/div>\n\n\n\n

You can also use custom icons or SVGs for your dividers if you elect to. Simply pick the icon layout and define it.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Custom Icons<\/h4><\/div><\/div>\n\n\n\n
<\/div>\n<\/polygon>\n<\/svg><\/span>
<\/div><\/div><\/div><\/div>\n\n\n\n

Choose how you wish to align your dividers manually, or pick one of three alignment options for a quick solution.<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
\n

Set Alignment<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

You can also pick one of four divider border styles for standard dividers to get the exact look you are looking for.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Custom Icons<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

A clear and intuitive way to input different values for the divider bottom and top margins & create a look you like.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Pick Your Style<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

You can also use custom icons or SVGs for your dividers if you elect to. Simply pick the icon layout and define it.<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
\n
The Qi Blocks Divider<\/span><\/h6>

Your dividers matter<\/h2><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

We made sure that users can use predefined or create captivating custom dividers in a clear, straightforward and intuitive manner.<\/p>

\n
View More<\/span><\/a><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n
<\/div>
\n
\n

Change Colors<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

There are plenty of ways you can style dividers. You can alter the color of your dividers with just a few simple clicks.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Set Thickness<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

Easily adjust the thickness of your dividers to get the exact look you are going for. It\u2019s super easy with the Divider block.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Adjust Width<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

Divider custom block is fully flexible. Have the divider cover the entire width of the section or resize it to your liking.<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
\n

Border Styles<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

You can also pick one of four divider border styles for standard dividers to get the exact look you are looking for.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Modify Margins<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

A clear and intuitive way to input different values for the divider bottom and top margins & create a look you like.<\/p>\n<\/div><\/div>\n\n\n\n

\n

Create Your Own<\/h4><\/div><\/div>\n\n\n\n
<\/div><\/div><\/div>\n\n\n\n

You can also use custom icons or SVGs for your dividers if you elect to. Simply pick the icon layout and define it.<\/p>\n<\/div><\/div>\n<\/div><\/section>\n\n\n\n

<\/div>
\n
\n
Get Qi Blocks for Gutenberg with 80 professionally designed custom blocks for creating modern websites the easy way. Experience Full Site Editing executed to perfection!<\/h5><\/div>
\n
View More<\/span>\n<\/path>\n<\/svg><\/span><\/span><\/a><\/div>\n<\/div><\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"qi-full-width.php","meta":{"footnotes":""},"class_list":["post-70711","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/70711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/comments?post=70711"}],"version-history":[{"count":5,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/70711\/revisions"}],"predecessor-version":[{"id":85302,"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/pages\/70711\/revisions\/85302"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-blocks-for-gutenberg\/wp-json\/wp\/v2\/media?parent=70711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}