Support » Plugin: Contact Form 7 » [Plugin: Contact Form 7] Change the width size of fields

Viewing 15 replies - 1 through 15 (of 15 total)
  • Plugin Author Takayuki Miyoshi


    Add this line to your theme’s style.css:

    .wpcf7 input.wpcf7-text { width: 999px; }

    Thanks work fine, and how i can do the same with the textarea message, i try to create like this:

    .wpcf7 input.wpcf7-text { width: 999px; }
    .wpcf7 input.wpcf7-textarea { width: 999px; }

    but it doesn’t work, how i can do it?



    You have to either use textarea instead of input or remove input for the second line:
    .wpcf7 textarea.wpcf7-textarea { width: 999px; }

    Sorry, I am a newbie. Where in theme’s style.css, should I put this?:
    .wpcf7 input.wpcf7-text { width: 999px; }

    where ever you want in the style.css file

    is it possible to change the width of the verification repcatca field?
    my url is
    thanks in advance

    i found it thanks

    hi maybe its not to late…
    in the conact form page insert x40 or 40x to make it 40 rows or 40 cols
    if its missunderstod you can jest creat a new textera and mantion the new size and see how its implement …
    hope it will help
    (iam talking about CF7)

    Using one length for all fields is not feasible in most cases (i.e., state field does not (nor should it be) the same length as city. For EACH field use something like [text* field name 20/40], where 20=field size and 40=max length, in other words, the field into which you type is 20 and the field will accept up to 40 characters.

    The obvious benefit of this is that you can set to field into which a user types to whatever looks reasonable to you while allowing whatever you feel is the maximum length of that particular data element. On textarea fields you could use something like 60/4 which will display a field 60 characters wide and 4 likes tall. The beauty of this is that this field will have a ‘grab’ are in the bottom right and you can stretch it as needed.

    Hi Dave, Thanks for your input.

    Me too have read on the webiste of Contact Form 7 itself you can set the width easily like your method.

    The strange thing is, it doesn’t work for me. I have tried everything but the fields always stay the same width no matter what I do or put in.

    What could be the reason for this.

    Apart from that, I use CF7 in some 16 sites and I oike it very much, it’s easy and works great (apart from the width thing)


    No idea why setting the field width isn’t working for you. I guess is could be a compatibility issue between your OS, template version, CF7 version, and maybe more.

    Copy and paste this into your CF7 form (without copying the bold tags
    Zipcode <strong>[text* zipcode 9/12 class:required ]</strong> – just copy everything between the ‘[‘ and ‘]’. View the form and you should see a zipcode field that is 9 characters wide with a label of zipcode.

    If that doesn’t work, you may need to post something with the hopes that someone smarter than me sees it.

    Good luck

    Thanks Dave,

    I actually see your filed the same size as the other fields which are standard all 29 characters wide, even the textarea (which can be dragged bigger). I suppose it must be something to do with the theme.

    Thanks anyway for your very quick response.

    Your thought about the theme sounds good. Have you thought about using one of the WP themes and see if the problem continues? If the width is correct, that points to the theme; if you still have the same problem, then you’ll need to look somewhere else.

    In the end I have put this in the themes style.css

    .wpcf7 input[type=”text”] {width:355px;}
    .wpcf7 textarea.wpcf7-textarea { width:710px;}

    It works for me.

    Hello, could change the style boxes?, Eg rounded them, Many Thanks

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘[Plugin: Contact Form 7] Change the width size of fields’ is closed to new replies.