Change the Color for the Form Fields on the Checkout Page

October 04, 2021 | ArenaCommerce Account
Change the Color for the Form Fields on the Checkout Page
Related Articles

After you insert an image or change the color for the checkout page's background, you find that the form fields seem to be covered. This post will show you how to change the color into white or transparent for the form fields so that the information in the fields will be clear. 

How to change the color for the form fields

Step 1: Go to Checkout
Step 2: Click on the Customize checkout
Step 3: Change the color
Step 4: Save

 

Step 1: Go to Checkout

Login to your Shopify as usual, and go to the Settings button placed at the boom left corner of the page.

Then, choose the Checkout section from the menu.

 

 

Step 2: Click on the Customize checkout

On the checkout page, click on the Customize checkout button at the Style area to continue.

 

 

Step 3: Change the color

You'll be moved to a new tab of checkout settings page, click on the blue line - Open checkout settings

 

A section list of theme settings appears, you need to scroll down until seeing the section named Checkout, click on it and find the Main content area

In the main content area, click on the Form fields drop-down menu to choose the color - White or Transparent.

 

 

Step 4: Save

After satisfying with your choice, then click on the Save button at the top right corner of the page to save the change.

 

Conclusion

With 4 simple steps, you can change the color for the form fields on your Shopify checkout page. If your enjoy reading and applying it without any difficulty, please spread it to more people so that they can know it, too. Check out more tutorials about Shopify useful features at our selling online.