Get Started
FunnelKit Documentation
Get unstuck with our helpful reference material

Checkout Pages

How to Adjust the Column Width for Checkout Form Fields

In the Customizer section, you can adjust the form field width by choosing the options from the field-width drop-down.

Follow the steps below:

Step 1: Edit your Checkout page

Click on the 'Edit Customizer Template' button to start editing your Checkout page with Customizer.

Click on the 'Edit Customizer Template' button to start editing your Checkout page with Customizer

Step 2: Edit the Checkout Form widget

Click on the Checkout Form widget on the left side panel.

Click on the checkout form widget

Next, click on the 'Field Width' option.

Field Width

Step 3: Select the desired field widths

Edit the field widths you want to change.

Select the desired field widths

Customizer lets you visually see the changes that you make.

Take a look:

Preview your changes

Step 4: Preview your changes

Click on the eye icon to preview your checkout page.

Here's how the checkout form will now look:

View the checkout form

This is how you can adjust the form field width in the Customizer.

chevron-down