Customize an Element
Customize Element Settings in Pro Mode
An element in Pro Mode has advanced settings divided into the following tabs:
Grid tab
The Grid tab allows you to configure advanced element settings, such as the element's position and size.
Element tab
The Element tab allows you to customize the specific element branding settings.
Data tab
The Data tab allows you to manage the element data settings.
Grid Tab Settings
Set Element Alignment
Select a block and switch to the Pro mode.
Go to the Block structure tab.
Select an element.
A pop-up window will appear.
Go to the Grid tab.
Set the horizontal alignment by clicking on the corresponding button.
Set the vertical alignment by clicking on the corresponding button.
The changes will be saved automatically.
Set Element Width/Height
The adjustable height and width settings let you control the size of your element and the amount of space it occupies in the column.
Select a block and switch to the Pro mode.
Go to the Block structure tab.
Select an element.
A pop-up window will appear.
Go to the Grid tab.
Select an option to adjustable height and width:
Click Auto to automatically adjust the height and width of content.
Click 100% to make content occupy all available space in the column.
Click px and specify the maximum element width/height in pixels in the min./max. corresponding fields.
The changes will be saved automatically.
Set Element Margins
Margins define the spacing of content from the left, right, top, and bottom column borders.
Select a block and switch to the Pro mode.
Go to the Block structure tab.
Select an element.
A pop-up window will appear.
Go to the Grid tab.
Specify the element paddings at the corresponding Internal/External field.
The changes will be saved automatically.
Element Tab Settings
Settings for specific element branding are the same as corporate elements branding settings.
Data Tab Settings
Settings for specific element data are the same as content mode elements settings.
Last updated