[Plugin: Contact Form 7] Field resize is not working.

Haven’t tried it this way, yet. But you can just use a css class, for example [text your-name class:formfield] and add

.formfield {width:120px;}

to your stylesheet.

Thanks,

Just gave that a shot, but the width remained the same :/

I had thought of that earlier and assigned a class to it as well. This time I set the width to 1000px, but not a single noticeable difference.

I added the class to the theme’s style.CSS and to the styles.CSS file in the Contact Form 7 directory.

I have no clue what’s constraining the width of the fields from expanding or shrinking. In the meantime, I’ve contacted the theme’s developers to see if the theme’s default CSS styling has anything to do with it.

Thanks for your idea though!

Strange. I recommend using firefox with the plugin firebug to check if another css parameter is intervening with the size of your form fields.

@alex117
Where you able to find a solution to your problem? I’ve read all the documentation provided by Contact Form 7, tried variations of adjusting the width of the text field with no luck. If you were able to fix this please share the secret with me.

I figured it out. I edited the style.css and changed the setting to “auto” instead of “258px”. Now, I can use the width adjustment feature when creating the field and my style.css looks like this:

div.wpcf7 input[type=”text”] {
background: #fff;
width: auto;
height: 18px;
margin: 0;
padding: 3px 5px 3px 5px;
border: 1px solid #e3e3e3;
float: left;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #949494;
}

Cheers, this worked for me too… after quite a bit of Googling. ??