Within a theme, you can control the buttons used under the tab Buttons.
As you make changes, a preview is shown on the page. Remember to click in the top right-hand corner as you work.
Button Types
Within the platform you have two button styles: Primary & Secondary. You can set the properties of each button independently.
Button Options
Background Color and Text Color
This is the native color of the button, to set either the background or text color, click on the dropdown menu, and select any color available from your theme colors.
Hover Background Color and Hover Text Color
This is the color of the button when the cursor is over the button, you can simulate this within the button preview pane.
To set either the background or text color, click on the dropdown menu, and select any color available from your theme colors.
Border and Border Color
This option toggles whether your buttons have a colored border to them.
To set the border color, click on the dropdown menu, and select any color available from your theme colors.
Roundness
This setting allows you to choose the following options for your button:
- Squared — The button corners are square
- Smooth — The button corners have a gentle curve
- Rounded — The button has fully rounded corners
Shadow
This setting allows you to choose whether the button has a shadow or not, and what the intensity of that shadow should be. Options include:
- None — No shadow
- S — Small
- M — Medium
- L — Large
- XL — Extra large