Adding a Shape Divider

Adding a Shape Divider


If you've ever thought your block lacks something eye-catching or just wanted to divide blocks in a cool way, you can try shape dividers. They are stylish dividers of the blocks that you can apply to any of your site.

Shape dividers allow you to make the border between two blocks visually more attractive than a regular straight line. So if you've ever thought your block lacks something eye-catching or just wanted to divide blocks in a cool way, you can try shape dividers.


Here is an example how it looks like:



Adding shape divider for the block

1. Open Settings of the block:



2. Select Shape Dividers:



3. Choose an Arrangement of the divider. This option applies the divider either to the Top or Bottom:



4. Then, pick desirable style of the divider. It will appear on the block right after the selection:



Below you can also change Divider color and Divider height. These settings allow editing the divider as much as you want and applying your style to the block.



Tip: the divider automatically applies color of the previous block. However, you can change it to any other color.

And Divider Options set the positioning of the divider. When applied, the divider gets flipped horizontally or vertically.



    • Related Articles

    • Adding Elements

      Most blocks in our editor are fully customizable. Therefore, you can enrich the look of your blocks by adding new elements to them — for example, icons, dividers, lists, etc. Tip: see the article Adding a custom block to create your block from ...
    • Adding a Custom Block

      SiteCliq editor allows you to create your site with the help of pre-designed blocks that contain a set of elements. If none of our ready-made options in the gallery meets your needs, you can select an empty custom block to build your layout from ...
    • List Items Settings

      Some blocks on SiteCliq contain list items — a set of elements in a row that are fully interconnected. That said, if you delete a button in one item of a list, it will be deleted from others too. This simplifies the editing process because you don't ...
    • Adding Google Maps

      Adding Google Maps to your site will benefit both you and your customers, providing your visitors with a detailed visual guide on how to find your company. Adding Google Maps 1. Firstly, add a block which contains a map from the Contact tab in our ...
    • Adding A logo

      Logotype is a text or graphic representation of a company name, trademark, abbreviation, etc. Adding a logo to the header or footer helps you create an authentic design for your website and become more recognizable among others. In this article, you ...