WooFunnels Documentation
Get unstuck with our helpful reference material

Checkout Pages

How to Adjust the Width of the Form Fields

The width of the form fields reflects a lot on how the form looks to the users.

To adjust the width of the form fields, follow the steps below:

Step 1: Click on ‘Enable Visual Builder’ to start editing

Go to your checkout page and click on Enable Visual Builder on the navigation bar at the top of the page.

Enable Visual Builder

Step 2: Click on the checkout form to edit it 

Click on the checkout form on the page and select the cogwheel icon to open the settings.

Checkout form Divi module settings

Step 3: Click on ‘Your Information’ under the ‘Content’ tab

Under the ‘Content’ section, you will see a dropdown menu for ‘Your Information’ and ‘Shipping Address'.

This tab has the information you wish to ask your customers, everything from their names to their shipping address.

Choose the width you want on each of your chosen fields from the options provided.

Shipping Address form field width

Step 4: Click on the green tick (✓) to save

Once you’re done editing, click on the green-colored tick () icon on the Settings window's bottom right to save the changes made.

Press Ok

Now, the form fields are defined and ready to use.

This is how you can adjust the width of the form fields.

Increase your sales, starting today.

Get WooFunnels Now
chevron-down
[class^="wpforms-"]
[class^="wpforms-"]