1. Home
  2. Adding Content (13)
  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


Before Asking For Help

Email responses can take 2 business days.

  1. 1. First search the help website for answers.
  2. 2. If something is not working, please read how to troubleshoot problems.
  3. 3. If you can not find a answer include website links and be descriptive on your problem below.
    • Please say more than something isn't working, be descriptive and provide links.