1. Home
  2. Adding Content
  3. Contact Page or “Make a Offer” Page

Contact Page or “Make a Offer” Page

Here are the steps to create a contact page using the Contact Form 7 plugin which allows you to create multiple contact forms, and customize the inputs.

Theme Options Replaced

The Theme Options panel has been replaced with the WordPress Customizer.
Click Customize under Appearance on the sidebar to change all the settings mentioned in this video.

CSS Code

/* Contact Form 7 */
/* Inputs */ .wpcf7-form input, .wpcf7-textarea { padding: 8px; font-size: 15px; width: 70%;}
/* Bold Labels */ .wpcf7-form p { font-weight: bold; }
/* Form Button */.wpcf7-submit { background-color: #333333; border: none; color: #ffffff; font-weight: bold; }
/* Mobile Resize */ @media (max-width: 480px) { .wpcf7-form input, .wpcf7-textarea { width: 90%;} }

If you want to change the button color change background-color: #333333; for .wpcf7-submit above.

Related: Emails Don’t Work / Email Problems

Updated on September 6, 2017

Was this article helpful?

Related Articles

Leave a Comment