Resize Contact Form 7 Fields

You can edit you css or simply put this code into your css.

input[type=text], input[type=tel], input[type=password], input[type=email], textarea, select {
width: 90%;
}

Just let me know if its working or I will try something else.

I put that code in the stylesheet, but the fields are still the same size.

I have examined your css but this code does not exist in the css file. May I know where you have put the code. May be your files not saving the code if you are saving it via admin panel of wordpress.

Hi,

I placed it at the very bottom of the Style.css. When I log back in it is still there.

This theme also has:

editor-style-rtl.css

editor-style.css

rtl.css

I’ve now placed this in the stylesheet:

.wpcf7 input[type=”text”],
.wpcf7 input[type=”email”],
.wpcf7 textarea
{
background-color: #fff;
color: #000;
width: 80%;
}

#2189
{
background-color: #f7f7f7;
border: 2px solid #0f0;

It changes the look of the contact form on a normal page:

https://www.personis.co/contact

But on the page I have made with OptimizePress, it does not make the change:

https://www.personis.co/Montreal-Coach

On that page, if you press the button at the top, a contact form comes up that does not match the one on the contact page.

I solved this by adding the code in the page settings of OptimizePress Live Editor.