How to change button style
This section will explain how to select and customize a "Button" style.
Step 1
Open the "Button Settings" editor.
Click "Edit Button" on the hover menu or double-click on the "Button" element you want to customize.
In the "Button Settings" editor, there are two customization categories: "General" and "Look & Feel".
The settings we are interested in are located under the "Look & Feel" tab.
In the Button Settings menu, you will see a "Choose Button" dropdown and an "Edit Style" button.
Step 2
Click on the "Choose Button" dropdown.
In this dropdown, you have all the predefined styles in "Website Look & Feel -> Buttons" as well as a "Custom Values" option. You can select one of the predefined styles or customize the button by choosing "Custom Values" to style it exactly as you like.
For consistent style organization, it is recommended to use Custom Style only in special cases.
If you want to edit an existing style or create your own style, click on the "Edit Style" button which will open the "Website Look & Feel -> Buttons" sidebar.
Related Articles
How to change image style
In this guide, you will learn how to modify the style of an image element. Step 1 - open editor Open the "Image Settings" editor. Click "Edit Image" on the hover menu or double-click on the "Image" element you want to customize. In the "Image ...How to edit form styles
In this guide, you will learn how to style the Form element to match your website’s design. Step 1 - open editor Open the "Form Settings" editor. Click "Edit Form" on the hover menu or double-click on the "Form" element you want to customize. In the ...How to edit box style
In this guide, you will learn how to modify the style of a box element. Step 1 - open editor Open the "Box Settings" editor. Click "Edit Box" on the hover menu or double-click on the "Box" element you want to customize. In the "Box Settings" editor, ...How to change navigation links style
In this tutorial you will learn on how to change the style of navigation links. This will be different for desktop and for mobile. All navigation links are in fact buttons, but usually they have no style or minimal style. Step 1 - open editor Open ...How to change button text
This tutorial will guide you on how to change the text on a "Button" element. Step 1 Open the "Button Settings" editor. Click "Edit Button" on the hover menu or double-click on the "Button" element you want to customize. In the "Button Settings" ...