In the Advanced tab, you can configure the look of the forms further, allowing you to get detailed with your changes. So, if you’re a perfectionist with a clear vision of what you want, follow along to learn how to achieve it.

Form

This allows you to modify the look of the borders and surroundings of the form and its input fields. The modifiable options are:

• Border Width: To add thickness to the border lines.
• Corner Radius: To round the corners of the borders, you get a rounder corner the higher the number you input.
• Border Color: This allows you to modify the color to your liking.
• Border Style: Here you can modify the look of the border or remove it altogether.

Add depth to the form by adjusting shadow settings:

• Horizontal/Vertical: Set the shadow’s size and direction.
• Blur: Control the shadow’s opacity.
• Spread: Define how far the shadow extends.

Input Field

• Font Color: Change the font color for text entered into the fields.
• Active Tag Color: Highlight active fields with a specific color.
• Border Width: Adjust the thickness of the field borders.
• Border Color: Select a border color for input fields.
• Corner Radius: Round the corners of the fields for a modern look.
• Width: Set the width of individual fields to control their size.
• Border Style: Choose a style for the field borders or remove them altogether.

Field Padding: This adds space between fields to prevent overcrowding in the form.

Shadow: Enhance depth by applying shadow effects to input fields.

Label, Short Label, and Placeholder

These sections allow you to change the font, color, size, and weight of the text inside the Form.

• The label will appear on top of a field.
• The short label will appear underneath.
• And the placeholder will appear inside a field.

Custom CSS

For advanced design modifications, add custom CSS code. This allows you to tweak shapes, colors, and other design elements. Consult a web developer if you’re unfamiliar with CSS.

This helps you fine-tune all the small details of your form, leading to a highly customizable tool to collect information from customers without breaking the branded feeling.

Frequently Asked Questions

What can I customize in the Advanced tab?

You can adjust the form’s borders, corner radius, colors, shadows, input field styling, label and placeholder text, and add custom CSS.

How do I round the corners of the form or fields?

Use the Corner Radius option; the higher the number you input, the rounder the corners become.

Can I add a shadow to my form?

Yes. Adjust the Horizontal/Vertical, Blur, and Spread shadow settings to add depth to the form and input fields.

What is the difference between the label, short label, and placeholder?

The label appears on top of a field, the short label appears underneath, and the placeholder appears inside the field.

How do I prevent fields from looking crowded?

Use the Field Padding option to add space between fields and prevent overcrowding in the form.

Do I need to know CSS to use the Advanced tab?

No. Most options are configured with the built-in settings, but the Custom CSS section is available for advanced changes; consult a web developer if you’re unfamiliar with CSS.