Custom Contact Form - by Brockway - on WordPress WooCommerce support

Hello,

You can use Contact Form 7 plugin. It’s compatible with the theme.

Regards,
Eva Kemp.

Hello,

In this case you have to style contact form to your needs. We can help you to do this. Please provide us with wp-admin panel credentials in Private Content and show a screenshot how you want the form to be displayed.

Regards,
Eva Kemp.

Hello,

The screenshot is absent in your post.
Please resend it.
Also provide us with the link to your site and wp-admin panel credentials.

Thank you.
Regards,
Eva Kemp.

Hello,

Also provide us with the link to your site and wp-admin panel credentials.
Please look at the screenshot:
http://storage2.static.itmages.com/i/15/0724/h_1437727830_4709173_32e29f295b.png

Thank you.
Regards,
Eva Kemp.

Hello @Brockway,

I’ve added the code in Theme Options > Custom CSS > Global Custom CSS and this code to style “Your message” form:

.wpcf7-form-control-wrap.your-message textarea {
   width: 201% !important;
}

Also I’ve edited the code for contact form 7 in wp-admin panel > Contact to style the form as you wanted:

<table><tr><td><p>Votre nom (obligatoire)<br />
    [text* your-name] </p> </td>

<td><p>Votre email (obligatoire)<br />
    [email* your-email] </p></td></tr>

<tr><td><p>Votre email (obligatoire)<br />
    [email* your-email] </p></td>
<td><p>Sujet<br />
    [text your-subject] </p></td></tr>

<tr><td><p>Votre message<br />
    [textarea your-message] </p>

<p>[submit "Envoyer"]</p></td></tr>
</table>

Please clear browser cache and check it now.

Please note it’s beyond our support scope to customize 3rd-party plugins. It has been done for you as an exception.

Thank you.

Regards,
Eva Kemp.

Hello,

I’ve edited the code for contact form and now it’s:

<table><tr><td>Votre nom (obligatoire)
    [text* your-name] 
 </td>

<td>Votre email (obligatoire)
    [email* your-email] 
</td></tr>

<tr><td>Votre email (obligatoire)
    [email* your-email] 
</td>
<td>Votre email (obligatoire)
    [email* your-email] 
</td></tr>
<tr><td>Sujet
    [text your-subject] 
</td></tr>

<tr><td>Votre message
    [textarea your-message] 

[submit "Envoyer"]
</td></tr>
</table>

and added this code in Theme Options > Custom CSS > Global Custom CSS:

.wpcf7-form-control-wrap.your-message textarea, .wpcf7-form-control-wrap.your-subject input[type="text"] {
   width: 201% !important;
}

.wpcf7-form table td {
    border-top: none !important;
}

Please check now.

Regards,
Eva Kemp.

Hello,

1. Sorry but your query is inclear. Please show on a screenshot what you want to change in the fields.

2. I’ve added this code in Global Custom CSS:

.wpcf7-submit {
    padding: 10px 18px !important;
    font-size: 15px !important;
    float: right !important;
    margin-right: -100% !important;
}

3. I’ve added the following code to change border color of “Message” box:

.wpcf7-form-control-wrap.your-message textarea:focus {
    border-color: yellow !important;
}

Please check.

Regards,
Eva Kemp.

Hello,

1. Are you talking about our contact form border or contact form 7 plugin? I’ve changed the border to black for contact form 7. Please check it.

2. I’ve added this code in Global Custom CSS:
.wpcf7-form {width: 103% !important}
Please check the form alignment now.

Regards,
Eva Kemp.

Hello,

When we talk about compatibility with the theme we mean the plugin works properly and emails are sent. We don’t mean its design. If you want to style it you need customize css file or even the plugin original files.
We even modified the code of your contact form in the plugin settings which is beyond our basic support scope because it’s 3rd-party plugin and we don’t provide support for 3rd-party plugins even if they are included in the theme.

1. I’ve changed margin-right value in this code:

.wpcf7-submit {
    padding: 10px 18px !important;
    font-size: 15px !important;
    float: right !important;
    margin-right: -102% !important;
}

You can edit the values in Custom CSS to your needs.

2. The second screenshot is the same as for the 1 query. Please resend a correct one.

3. Sorry, but I don’t see blue border:
http://storage1.static.itmages.com/i/15/0727/h_1438004910_8873158_07e0a01e86.png
Check it in another browser.

Thank you for your understanding.

Regards,
Eva Kemp.

Hello,

I’ve edited the code in Custom CSS:

.wpcf7-form-control-wrap.your-message textarea:focus {
    border-color: black !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

Please clear browser cache and check border color of “Message” box now.

Also added this code to align the form:

.wpcf7-form input[type="text"] {
  margin-left: -8px !important;
}

Please check from your side.

Regards,
Eva Kemp.