Customizing the Style of a Contact Form
The contact form that you add gets adjusted automatically to the overall site style. If you're not happy with the way it looks, you can always change the style of the button and the form fields.
Customizing the style of the button in the contact form
1. For that, open the editor, hover over to the contact form on your site and click on the "gear":
2. In the form settings, open the Style tab and navigate to the Button section:
3. Here you can change the text in the button and customize its formatting:
Tip: The font for the button text is adjusted to the global site's font. See the article Changing site's font.
4. You can also choose the style for your button, or select the alternative one:
Note: To change the style options for the buttons on your site, check the article Changing the design of a button.
5. Besides, you can upload an icon next to the button text, and change its alignment:
Customizing the style of the fields in the contact form
1. To access these settings, switch to the Fields section in the Style tab:
2. Here you can choose the type of your fields — the style of its borders:
3. You can also adjust the colors of each component in the form — borders, text, description, etc:
Tip: Don't forget to personalize the fields in your contact form according to the instructions in the article Customizing the layout of a contact form.
Related Articles
Customizing The Fields in a Contact Form
After you've added a contact form on your site, make sure you change the layout so your customers submit only the relevant info. Add and remove the fields in the form, make some of them mandatory — that is up to you. Customizing the layout of a ...Adding a Contact/ Lead Generation Form
The contact (also lead generation, call-to-action) forms serve as a way of getting in touch with the business owner right through the site — for support, sales questions or for inquiries in general. With the help of contact forms, you can collect ...Accessing Contact Form Replies
With the help of the form replies feature you don’t need to worry anymore if submits from your contact forms might be lost or the integration may not go successful. Form replies feature gathers all replies from the contact forms on your website in ...Setting Email For the Contact Form Notifications
Adding a contact form gives your visitors an easy way to communicate and send all necessary information via your site. The requests from the contact forms can be forwarded to the email address you set globally in the settings. This consists of two ...Actions of a Contact Form When it is Submitted
You can choose what your site visitors see when a contact form is submitted on your site. Thus, you can redirect them to a external source, another page on your site, and so on. Follow the instructions below to see how you can set up an action of a ...