Theme: Buttons

By default, each template has its own buttons style, but you can easily customize it. Buttons Settings are global and will be applied to all website pages.

Please Note: Theme Settings will only apply to the features with default settings. If you've already customized one or more buttons on the website, Theme Settings won't overwrite those customizations.

Accessing Buttons Settings

  • Hover over the left sidebar of the Site Editor, and click Theme:

  • Select Buttons:

Buttons Management

There are 5 types of Buttons in Site EditorPrimary Solid, Secondary Solid, Primary Outline, Secondary Outline, and Text.

Button Style

You can easily change each Button style:

  • Text Formatting. Make button text bold, italic, underlined, or strikethrough (selected options are highlighted in blue).
  • Font Customization. Change button text font, style, and format.
  • Color Customization. Change Button and Button Text colors:

Button Settings

Click on the Settings icon to:

  • Choose the button style: Square, With Rounded Corners, or Round).
  • Turn on and configure hover effects: Fade Out, Scale, Shine, Shadow, Glow, Uplift:
  • Adjust border size (for the Primary and Secondary Outline button styles only):

Resetting Buttons

  • To restore the default button settings, click the Reset button in the settings menu:

  • Confirm your choice by clicking Yes on the appeared pop-up.