Wix Forms: Designing Your Site Forms
Design your form to add a splash of individuality to your visitors' experience. Customize the background color, change button text or adjust shadows and borders to bring the form to life. Note:Designing your form is currently only available for site forms. For standalone forms, you can manage form fields but not update their design.How do I know if I'm using old Wix Forms or new Wix Forms?This article will help you understand the differences between old and new Wix Forms. To design your site forms:New FormsOld Forms
Click the relevant form on your page. Click Settings.  Click the Design tab. Customize the form design using the available options:
    
Form Background: Choose the form background color, as well as the border color and width. Form Fields: Select a form field style and customize the opacity, font, font size, etc. 
Tip: You can design how fields appear in different states: Regular, Hover, and Error. Header and Paragraph: Choose a font and color for the form text. Buttons: Design the form buttons including how they appear on hover (e.g. submit button, back button, etc.)  
Click the relevant form on your page. Choose which part you want to design:The entire form
Click the Design icon . Click Customize Design.
Tip: You can also select a different look for your form at this point. Choose what part of the form you want to design:
    
Input fields: Update the design of all the form fields.
Note: This option changes every form field. Click an individual field to design only that field.  Submit button: Customize the button visitors click to submit the form.  Form background: Change the background of the form (space around the form fields).   Use the available design options:
    
Fill Color & Opacity: Customize the background color of the element. Click the color box to select the background color and drag the slider to increase or decrease the opacity. Border: Add and customize the border of  the element. Adjust the border style, color and opacity. Corners: Curve the corners of the element. Enter a value in any of the corners to change the others, or click the Lock  icon to adjust each corner individually. Shadow: Add a shadow to the element. Text: Change the font, size and color of text on your input fields and the submit button.   Tip: You can design the input fields and submit button for different states (e.g. Regular, Hover). The available design options depend on the state you choose.An individual form field
Select the field you want to design.  Click Customize Design.
Tip: You can also select a different look for your field at this point. Use the available design options:
    
Fill Color & Opacity: Customize the background color of the field. Click the color box to select the background color and drag the slider to increase or decrease the opacity. Border: Add and customize the border of the field. Adjust the border style, color and opacity. Corners: Curve the corners of the element. Enter a value in any of the corners to change the others, or click the Lock  icon to adjust each corner individually. Shadow: Add a shadow to the field. Text: Change the text color, font and size of the field.  Note:When customizing your form, some elements such as the rating field, upload button, checkboxes and radio buttons may not be affected by the changes.