Button settings
The Button element offers a wide range of customization options, organized into two tabs: Settings and Styles.
Settings tab
Link
You can insert any link to make the button clickable.
Alignment
Align your button to the left, center, or right within the row.
Auto width
Expand the button to fit the length of the row:
- Automatic: Expands to fit the row automatically.
- Manual: Set width from 0% to 100%.
Padding
Customize the space between the button and the borders of its container (row):
- Set left-right and top-bottom padding simultaneously
- Set padding for each side individually
Styles tab
Button shape
Select from different button shapes to match your design needs.
Color scheme
Choose any button color using the color picker. Reset the color by clicking X in the color picker.
Basic text settings
All standard text formatting options are available. For detailed instructions, see this section.
More options
Enable the More options toggle to access advanced style settings:
Radius (corner rounding)
Round all corners of the button at once or round each corner separately.
Background color
Set the button background color using the color picker. Reset the color by clicking X in the color picker.
Content padding
Customize the space between the button text and its edges:
- Set left-right and top-bottom padding simultaneously
- Set padding for each side individually
Border
Configure all sides of the button border at once or each side individually.
Border style
- Solid
- Dashed
- Dotted
Border width
Allowed range: 0–100 px
Step: 1 px
Border color
Choose any color using the color picker. Reset the color by clicking X in the color picker.