Well-designed buttons can enhance the aesthetics of a webpage and create a more cohesive design scheme. Experimenting with different button styles and effects can add an element of creativity and uniqueness to your website design, helping it stand out.

Editing a Box in Visual Editor

1. Go to your dashboard, click Customization, and choose Visual Editor (or click the palette icon on the right side of your builder).
   

2. Once the Visual Editor tool opens, scroll down, select Advanced, and click Button under the Element tab.

3. Select a theme between dark and light.

4. Select the button type, which could be Primary, Secondary, or Link. This is based on the selection made in the element property box.

Default Tab  

• Under Default, you can increase or decrease the values of font sizes and change the colors of the button text, background, and border when you hover over it. You also have the option to change the border size, style, and color when you don't hover over it.

• Click Border Style and choose from either None, Solid, Dotted, or Dashed.

Outline Tab  

This setting is only applicable when the Type is Primary or Secondary and the Outline Button is enabled in the element property box.

• Similar to the previous option, you can change the colors of the button text, background, and border when you hover over it. You also have the option to change the border size, style, and color, and the text color when you don't hover over it.

• Click Border Style and choose any one from either None, Solid, Dotted, or Dashed.text, hover and background color, border sizes.