Contact From 7 on Be Fit theme

[Mary]

Hi Guys,

I want to use Contact Form 7 in this website http://www.aimtas.com/ but after I added the contact form 7 shortcode below: The field box is not aligning correctly.
[contact-form-7 id="40" title="Contact form 1"]

Currently, I left the default contact form that came with the theme. Please advice what code to use to fix the issue.

Thank you,
Mary

[Sonl Sinha]

Hi Mary,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:
Add this code there:
.wpcf7-form p input[type=”text”], .wpcf7-form p input[type=”email”], .wpcf7-form p input[type=”tel”], .wpcf7-form p textarea{ width:100% !important; box-sizing:border-box;}
.wpcf7-form input[type=”submit”] { background-color: #ff0082; color: #ffffff; cursor: pointer; font: 400 20px/24px “Roboto”,sans-serif; text-transform: uppercase; border: medium none; border-radius: 5px; padding:8px 20px;}
.wpcf7-form input[type=”submit”]:hover{background-color: #111111; color: #ffffff;}

Regards,
Shri

[Mary]

Hi Shri,
I added the above code in the custom CSS box and did not fix the issue.
Please check this contact page link http://www.aimtas.com/index.php/contact/ you so know what I mean.
What we want are the following:
1. align the email field box under your name field box;
2. make contact form background white and text black;
3. And of course, box label aligning the box. Please check this contact form in this website http://www.adayatthecreek.com.au/contact-us/ so you know what we are looking at for aimtas.com contact form

Looking forward to hear from you.

Thank you,
Mary

[Sonl Sinha]

Hi Mary,

You can try any of these 2 plugins which might work for you:

https://wordpress.org/plugins/contact-form-7-style/
https://wordpress.org/plugins/contact-form-7-skins/

Regards,
Brad

[Author]

Posts