Skip to content

How to edit box style

In this guide, you will learn how to modify the style of a box element.

Open the “Box Settings” editor.

Click “Edit Box” on the hover menu or double-click on the “Box” element you want to customize.

Screenshot for “How to edit box style”

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 & Feel” tab.

Screenshot for “How to edit box style”

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

Screenshot for “How to edit box style”

Click on the “Choose Box Style” dropdown.

Screenshot for “How to edit box style”

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.

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 Styles” sidebar.

Screenshot for “How to edit box style”