Adjust Form Styles

Adjust Form Styles

Form style 



Font family 

Our app supports Google Fonts, you can type the font name to search.
Leave it blank if you want to use theme's default font.

Font size 

Choose one size for all text content of the form.

Text align 

*Only apply to tittle and description contents

Form background/tittle/description color 

Adjust the color of each elements.

Submit button position 


Submit button style 

We offer 3 defaults of border radius.



Field style 

Label style 

  1. Label: 

  1. Placeholder: 


Border style

Choose the options of border radius you prefer. 



For Line option, the input text will change color according to background. 

Laber/border color 






    • Related Articles

    • Display settings

      Open form in We offer 3 common layouts for your contact form: Popup Bubble Embed Form (instruction here) The bubble is like a mini version popup form, so it won't contain any images and shouldn't have too many fields. Template There are 6 ready-made ...
    • Add & edit Fields

      Title Title is the heading of the contact form, you can change it to fit your form purpose. Description Description is a small paragraph under Title. You can use it to present the introduction or purpose of contact form. Fields In fields list, you ...
    • FAQs for Contact Form

      Is the Free plan really free? Yes, it is 100% free and forever free to use. We won't even ask for a credit card. By default, when you install our app, you will be in Free plan. You only get charged once you upgrade to Premium plan. What is the ...
    • Column Width - adjust width of menu items

      A menu is divided into 12 columns in total. The Column Width helps to adjust the number of columns which an item occupies in total of 12 columns. To adjust the width of a specific menu item, edit the Column width of it. You can find this option in ...
    • How to uninstall Contact Form?

      UPDATE (September 1st, 2023): Our Contact Form app does not add any codes or files to the theme. So you only need to uninstall the app from your Shopify store (no code need to delete) Follow these steps to uninstall Contact Form app from your Shopify ...