Customize a Block
Root Settings
Change Block Width
Select a block and switch to the Pro mode.
Go to the Block structure tab.
Select the root.
A pop-up window will appear.
Specify the width of the block in pixels in the Maximum field.
Click the Maximum field name to set the full width of the block.
The changes will be saved automatically.
Change Block Paddings
Select a block and switch to the Pro mode.
Go to the Block structure tab.
Select the root.
A pop-up window will appear.
Specify the block paddings at the corresponding Internal field.
The changes will be saved automatically.
Row Settings
Set Row Height
Select a block and switch to the Pro mode.
Go to the Block structure tab.
Select a row.
A pop-up window will appear.
Specify the minimum row height in pixels in the Height: min/max corresponding field.
Without any element filled with content, the row height will not be less than the specified value.
Specify the maximum row height in pixels in the Height: min/max corresponding field.
When filling the element with content, the row height will not exceed the specified value.
The changes will be saved automatically.
Column Settings
Set Column Width
Select a block and switch to the Pro mode.
Go to the Block structure tab.
Select a column.
A pop-up window will appear.
Specify the minimum column width in pixels in the Width: min/max corresponding field.
Without any element filled with content, the column width will not be less than the specified value.
Specify the maximum column width in pixels in the Width: min/max corresponding field.
When filling the element with content, the column width will not exceed the specified value.
The changes will be saved automatically.
Enable Content Auto-Tuning
Select a block and switch to the Pro mode.
Go to the Block structure tab.
Select a column.
A pop-up window will appear.
Click Yes to enable automatic content width checking.
A column checks its own content. If its content isn't wide enough, the column will take some of the width from adjacent columns.
Set the expansion value relative to other columns for different screen sizes in the Expansion / Height field.
Expansion indicates how quickly the column will expand in relation to others for different screen sizes.
Set the compression value relative to other columns for different screen sizes in the Compression field.
Compression indicates how quickly the column will collapse in relation to others for different screen sizes.
The changes will be saved automatically.
Set Column Proportion
Select a block and switch to the Pro mode.
Go to the Block structure tab.
Select a column.
A pop-up window will appear.
Set the proportion value relative to other columns.
The changes will be saved automatically.
Crop the Content Outside the Column
Select a block and switch to the Pro mode.
Go to the Block structure tab.
Select a column.
A pop-up window will appear.
Click Yes to hide content that extends beyond the column edges.
The changes will be saved automatically.
Hide a Column
Select a block and switch to the Pro mode.
Go to the Block structure tab.
Select a column.
A pop-up window will appear.
Click Yes to hide a column and its content.
The changes will be saved automatically.
Absolute settings
Set a Background Layer
Place background or other elements to create more complex structure and unique templates.
Select a block and switch to the Pro mode.
Go to the Block structure tab.
Select an absolute.
A pop-up window will appear.
Click Add shell to add an element and create a simple layer.
Add a column to create a complex structure to fill and set multiple layers.
The changes will be saved automatically.
Customize content for Various Screens
Configure the way content displays for various device screens.
Customize content for Mobile Devices
Select a block and switch to the Pro mode.
Switch to the tablet or mobile devices view.
Go to the Block structure tab and select a block unit (a column or a row).
Set up a block unit for smaller screens.
The changes will be saved automatically.
Tablet, and mobile device settings are separate and do not affect each other.
Set Blocks Order for Mobile Devices
Select a block and switch to the Pro mode.
Switch to the tablet or mobile devices view.
Go to the Block structure tab and select a block unit (a column or a row).
Set the numerical order of the block unit appearance.
The changes will be saved automatically.
Set Blocks Direction for Mobile Devices
Select a block and switch to the Pro mode.
Switch to the tablet or mobile devices view.
Go to the Block structure tab and select a block unit (a column or a row).
Set the corresponding block unit appearance direction.
The changes will be saved automatically.
Last updated