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

    • 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 ...
    • Submission via Contact Form app

      Where Submissions go For Free plan: Recipient email Contact form app sends all submissions to the Sender email of your store. You can change the Sender email address in your Shopify admin > Settings > Store details > Contact information. If you want ...
    • 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 Embed Form to a page

      In Display > Open form in > select Embed Form if you want to display Contact Form in a page content, don't want to trigger form with a button. Then you need to add this shortcode to the page content or liquid file: <div ...
    • How to uninstall Contact Form completely?

      When installing, Contact Form adds a script directly to your published theme to make it load faster. When uninstalling on Apps page, that script still remains in your theme. Follow these steps to uninstall Contact Form completely: Step 1. Uninstall ...