About Blocks

Blocks are elements of content of your website page. Some of them are very basic like Text and Images, some are a bit complex like Forms and Countdown counters. 

Add Blocks

Drag the Block type from the blocks me and drop it on any column. When you start dragging a Block, the grid will highlight to guide you.

Delete Blocks

  • Hover over the block and press DELETE button or click on the bin icon  in the block menu to delete the section.
  • Press Ctrl+Z to undo any action including block delete. 

Change Order and Move of Blocks

You can drag and drop blocks to change their order, you can also drage and drop the blocks between colums and across sections.

Clone Blocks

  • Use the clone icon  in the block menu to duplicate it.
  • Or, press Ctrl key while drag and drop a block between columns to clone the block instead of moving it.

Block Settings

Click on the gear icon  on the Block Menu to open Block Settings.

Each block type has its own settings, but all block types share common settings under the Block tab. We'll discuss these settings below, while specific block type settings can be found in their respective documentation.

Fill Column Space

When enabled, this feature make the block fill the remaining space of the column. In Image Block, function will overwrite the selected aspect ratio.




Fill Column Space= off

Fill Column Space= on

Its worth mention that block width is always the same width of its container (column) even if the visible content of the block is much smaller, like with Icon Block.



Rotate

Experimental, Can be used to roate the entire block from -5 to +5 degree.

In the example, top image roated -5 degrees, the second image roated 1 degree, the container column padding set to 0 and blocks spacing set to 0.




Hide Block On [Device size]

Use this settings to hide the block on selected screen size. usefull when you to hide some cosmatic blocks like Dividers and Icons in smaller devices.

Animation

You can control how the block appears when it comes into the viewport from the container Column.