Why do my Contact Form 7 forms look different compared to the forms in the theme demo?

When using Contact Form 7 on our themes, you might get the default unstyled look on your forms looking completely different than the forms in the theme demo. Do not worry, we do have styling for Contact Form 7 forms on all of our themes. You only need to add the proper markup when creating a contact form.

Start by creating a contact form by going to Contact > Add New. You will be presented a form where you can put the markup of your contact form. Some of our themes already have the proper markup set by default, but in case you see the default markup, you can use the following markup:

The markup and form elements is completely customizable and in case you want to know how the markup works, please refer to Bootstrap’s documentation.

Was this article helpful?

Related Articles