Articles on: Contact forms

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.

Tip: to set a contact form on your site, check the article Adding a contact/ lead generation form.

For that, open the editor, hover over to the contact form on your site and click on the "gear":

In the form settings, open the Style tab and navigate to the Button section:

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.

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.

Besides, you can upload an icon next to the button text, and change its alignment:

To access these settings, switch to the Fields section in the Style tab:

Here you can choose the type of your fields — the style of its borders:

You can also adjust the colors of each component in the form — borders, text, description, etc:

Publish your site for the changes to appear live.

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.

](https://support.devellp.com/en-us/article/customizing-the-fields-in-a-contact-form-198wpze/)

Updated on: 04/05/2023

Was this article helpful?

Thank you!