Field Size No working

See Styling Contact Form

Thanks, does this mean I have to insert the CSS for every field that I want to resize? If that is the case, what is the purpose of the size:x parameter? I have multiple forms and this will be alot of extra work…

I entered the following CSS using the exact coding from the Contact 7 examples.

[text text-123 id:very-special-field]

#very-special-field
{
color: #f00;
border: 4px solid #ff0000;
width: 50%;
}

The border changed to RED and with the 4px border size. However, for the width, it never changed. I even changed the 50% to 50px and still no change.

Use a class selector:

[text text-123 class:very-common-field]

.very-common-field
{
color: #f00;
border: 4px solid #ff0000;
width: 50%;
}

Still no good…

Just a thought…should we be including the wpcf7 somewhere in the code? If so, what would the format be?

Any more ideas…I really like this software but this one issue of not having the size:x working is driving me crazy and making the forms harder to build. I keep having to use tables to get the size I need…

I have to agree. The standard PHP field-size code is not working, that’s too bad. Can help a lot.

has there been any solution to the field size width issue? I have been forced to use tables to restrict the width of the form field…

Thank You
Phil

Hi,

Try the following CSS code, and place it on your theme’s main CSS file.

.wpcf7 input[type=”text”],
{
width:300px;
}

Just replace the value of the width to your liking. Hope that helps.

Thanks,s
William