How to edit box style

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 Boxon the hover menu or double-click on the "Box" element you want to customize.



In the "Box Settings" editor, there are two customization categories: "General" and "Look & Feel".

The settings we are interested in are located under the "Look & Feeltab.



In the Box Settings menu, you will see a "Choose Box Style" dropdown.



Step 2 - change style

Click on the "Choose Box Style" dropdown.



In this dropdown, you have all the predefined styles in "Website Look & Feel -> Box Styles" as well as a "Custom Values" option. You can select one of the predefined styles or customize the box style by choosing "Custom Values" to style it exactly as you like.

Warning
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 -> Box Stylessidebar.



Next steps


    • Related Articles

    • 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 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 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 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, ...
    • How to edit navigation link target

      In this guide, you will learn how to edit a navigation link target in your website’s navigation menu. Step 1 - open editor Open the "Navigation Settings" editor. Click "Edit Navigation" on the hover menu or double-click on the "Navigation" element ...