Contact Form 7 Css

[daniel]

The spacing is wrong when I use contact form 7. I’ve tried pasting:
#contactform_main input[type=”text”], #contactform_main input[type=”email”], #contactform_main input[type=”tel”], #contactform_main input[type=”url”], #contactform_main textarea, .wpcf7 form input[type=”text”], .wpcf7 form input[type=”email”], .wpcf7 form input[type=”tel”], .wpcf7 form textarea {float:none !important;}
in the custom css of the theme options to no avail. Please advise on what to do.
Thank You

[Sonnal S Sinha]

Hi Daniel,

Kindly show us your website URL.

Regards,
Dave

[daniel]

https://gllusa.com/terms/

[Sonnal S Sinha]

Hi Daniel,

Add this code in custom css box:

#contactform_main input[type=”text”], #contactform_main input[type=”email”], #contactform_main input[type=”tel”], #contactform_main input[type=”url”], #contactform_main textarea, .wpcf7 form input[type=”text”], .wpcf7 form input[type=”email”], .wpcf7 form input[type=”tel”], .wpcf7 form textarea {float:none !important; width:90% !important;}

Regards,
Brad

[daniel]

did that didn’t work.
Please update

[Shivam Parikh]

We are facing similar issues with Contact Form 7 and your themes. Would request a clear fix as this seems to be a problem repeatedly seen in various themes of yours and not just one.

[Sonnal S Sinha]

Hi daniel and shivam,

Contact Form 7 generates a standard compliant code for the forms. Each element in the form has a proper ID and CSS class associated with it.
Contact form uses the CSS class .wpcf7 which you can use to style your form.

For e.g.:

div.wpcf7 { 
background-color: #fbefde;
border: 1px solid #f28f27;
padding:20px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
background:#725f4c;
color:#FFF;
font-family:lora, sans-serif; 
font-style:italic;    
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] { 
background-color:#725f4c;
width:100%;
text-align:center;
text-transform:uppercase;
}

You can add this code for example in your custom css box

Regards,
Brad

[Sonnal S Sinha]

Hi Daniel,

This issue was resolved from our end. Kindly check and confirm.

Regards,
Brad

[daniel]

OK the problem is fixed but can you please elaborate how it was fixed for other users of this or other SKT themes? I actually really like you theme because of the performance and quick load times so I want to see SKT do well and that will entail show customers how fix these problems. Also I may need to change things so I need to know why these problems occur and how to fix.

Thank You.

[daniel]

I just noticed now the forms are fixed the Call to Action on https://gllusa.com/private-labeling/ is now not showing properly. Please review your corrections as it seems to be affecting Visual Editor.

[daniel]

The tema profiles on that page are not working properly anymore

[daniel]

Also this page team members: https://gllusa.com/about-us/

[daniel]

Hello. The CSS for my dashboard pages is all screwed up now after your changes… can you please address this issue.

[Sonnal S Sinha]

What is messed up? Can you share screenshot may be to make us understand? Site looks perfectly fine on all devices.

Regards,
Dave

[Mark]

Contact Form 7 forms are not appearing in my widgets. They are there in the code, but not visible. “Name” and “email” text fields should be visible in the “Newsletter Sign-up” widget.
https://goo.gl/8Vryfy

[Author]

Posts