Button

Buttons provide interactive controls that enable users to navigate, submit forms, or take other actions. Configure button appearance to create clear visual cues for interactive elements in your content.

Style settings

Property	Description
"Start course" icon	Upload or select a custom icon from the library to appear alongside button text.
Active button
Background image	Upload a custom image to use as the button background instead of a solid color.
Background color	Set the color for active, clickable buttons.
Hover color	Specify the color that appears when users hover over an active button.
Disabled button
Background image	Upload a custom image to use as the background for inactive buttons.
Background color	Set the color for disabled buttons to visually indicate they are not currently interactive.
Border
Rounding	Adjust the slider to control corner roundness of buttons.
Display border	Toggle between "Yes" or "No" to add or remove borders around buttons.
Effects
Button shadow	Add shadow effects to buttons for additional visual depth and emphasis.
Paddings
Vertical	Set the internal padding above and below button text to control button height.
Horizontal	Set the internal padding to the left and right of button text to control button width.

Typography settings

The Typography tab offers text formatting options for button states:

Setting	Description
Active button	Configure text appearance for interactive buttons: font, style, size, line spacing, and color.
Disabled button	Set text formatting for non-interactive buttons to provide appropriate visual feedback: font, style, size, line spacing, and color.

For details on how to configure each parameter, see Typography and fonts.