Hi,

MC4WP is not a contact form. It is a plugin that helps you collect visitors’ email addresses and send them updates when your site has new content or marketing campaigns.

You can install Contact Form 7 or any other contact form plugin to create a contact form.

Regards,
PenciDesign.

Hi,

Please turn off the Coming Soon mode. I will check the site and then send you a custom CSS code.

Regards,
PenciDesign.

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.footer-subscribe .wpcf7 p.mdes {
  color: #5c5c5e;
  font-size: 18px;
  font-style: italic;
  line-height: 1.5;
  width: 740px;
  display: block;
  clear: both;
  margin-bottom: 23px;
}
.footer-subscribe .wpcf7-form {
  max-width: 540px;
  width: 100%;
  margin: 0;
  text-align: center;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden;
}
.footer-subscribe .wpcf7 p.mdes {
  width: auto;
}
.footer-subscribe .wpcf7-form .memail {
  float: left;
  width: 390px;
  margin-left: 0;
  margin-right: 0;
}
.footer-subscribe .wpcf7-form .memail input {
  border-color: #bc808c;
  height: 48px;
  line-height: 48px;
}
.footer-subscribe .wpcf7-form .memail:hover input {
  border-color: #333;
}
.footer-subscribe .wpcf7-form .msubmit {
  float: right;
  width: 140px;
  margin-left: 0;
  margin-right: 0;
}
.footer-subscribe .wpcf7-form .msubmit input {
  background: #bc808c;
  color: #fff;
  height: 48px;
  line-height: 48px;
  padding-top: 0;
  padding-bottom: 0;
}
.footer-subscribe .wpcf7-form .msubmit input:hover {
  background: #000;
}
@media only screen and (max-width: 767px) {
  .footer-subscribe .wpcf7{
    padding-left: 20px;
    padding-right: 20px;
  }
  .footer-subscribe .wpcf7-form .memail,
  .footer-subscribe .wpcf7-form .msubmit {
    float: none;
    width: 100%;
  }
}

Regards,
PenciDesign.

Hi,

For this case, please send me your WordPress admin account in a PRIVATE reply.
I'll log in and try to help you check this problem.

Regards,
PenciDesign.

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.footer-subscribe .wpcf7 form .wpcf7-response-output {
  display: flex;
  width: 100%;
  float: none;
  margin: 0;
  border-width: 1px;
  padding: 10px 20px;
}

Regards,
PenciDesign.

Hi,

Please modify this CSS:

.footer-subscribe .wpcf7 form .wpcf7-response-output {
  margin: 0;
  width: 100%;
  display: flex;
  padding: 10px 25px;
  color: inherit;
}

Regards,
PenciDesign.