Configuring typography, animations, and spacing

1. Open your theme in the Design editor.
2. In the panel on the left, expand Fonts.
3. Under Font, enter your desired font family (e.g. Roboto, Arial, sans-serif).
4. Adjust the percentage value under Font size for desktop screens (default: 100%).
5. Under Font size (mobile), you can set a custom percentage specifically for smartphones and mobile devices.

For multi-page forms, you can enable smooth transition animations when moving between pages.

1. Open your theme in the Design editor.
2. In the panel on the left, expand Animations.
3. Turn on the Enable page transitions toggle.
4. When finished, click Approve in the top right-hand corner to save your changes.

1. In the panel on the left, expand Additional properties.
2. Enter your desired pixel value in the Border radius field:
   
   1. 0px: Completely sharp, squared corners.
   2. Higher values (e.g. 3px or 8px): Rounded corners for input fields.

1. In the panel on the left, expand More properties.
2. Adjust the value under Field spacing (e.g. 1.25em) to increase or decrease the distance between form elements.

Use the Validation icon display toggle to choose whether a checkmark appears once a required field is completed:

1. Toggle on: The checkmark is displayed as confirmation.
2. Toggle off: The checkmark remains hidden.