1. Home
  2. Web Pages
  3. Layout Blocks
  1. Home
  2. Blog Posts
  3. Layout Blocks

Layout Blocks

1. Inserting a Button Block

To begin with, click on the plus icon at the top left corner of the page.

1.1 Select Layout Elements

1.2 Select “Button”

Insert the link you want to use for the button, then press Enter or click the arrow button (highlighted).

2.1 Name the button

If you click on the button you can edit the text on the button itself.

2.2 Background colour

Use the Background Colour field to choose the background colour of the button.

2.3 Text Colour

The text colour field allows you to choose the colour of the text inside the button.

2.4 Button Styles

In this toggle you can choose the style of the button.

3. More options

Clicking on the icon with the three vertical dots will yield you further options.

3.1 Remove Block

You can also remove the block by clicking the Remove Block

4. Inserting a separator block

To begin with, click on the plus icon at the top left corner of the page.

4.1 Select “Layout Elements”

4.2 Choose the “Separator” block

5. Change block type

As well as changing the block type you can also change the style of the separator.

5.1 Dots

You can change the style of the separator so that it is a short line, wide line and dotted.

6. Spacer Block

To begin with, click on the plus icon at the top left corner of the page.

6.1 Select “Layout Elements”

6.2 Select Spacer

7. Spacer Size

Updated on 6th March 2019

Was this article helpful?

Related Articles

Leave a Comment