WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[resolved] Change the width size of fields (16 posts)

  1. lkdstudio
    Member
    Posted 2 years ago #

    Good morning

    I want tochange the width size of my fields in your plugin (contact form 7 ), but i don't understand how and where.

    Here the site: http://www.celestesimages.ch/demo

    Thanks

    Davide

    http://wordpress.org/extend/plugins/contact-form-7/

  2. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

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

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

  3. lkdstudio
    Member
    Posted 2 years ago #

    Thanks man..it 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?

    Thnaks

    davide

  4. kisssy
    Member
    Posted 2 years ago #

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

  5. lesh
    Member
    Posted 2 years ago #

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

  6. lkdstudio
    Member
    Posted 2 years ago #

    where ever you want in the style.css file

  7. kofoe
    Member
    Posted 2 years ago #

    is it possible to change the width of the verification repcatca field?
    my url is http://www.legalspace.eu
    thanks in advance

  8. kofoe
    Member
    Posted 2 years ago #

    i found it thanks

  9. josef.dalal
    Member
    Posted 1 year ago #

    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)

  10. davejampole
    Member
    Posted 1 year ago #

    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.

  11. Remco Stoffer
    Member
    Posted 1 year ago #

    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)

    Thanks!!

  12. davejampole
    Member
    Posted 1 year ago #

    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

  13. Remco Stoffer
    Member
    Posted 1 year ago #

    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.

  14. davejampole
    Member
    Posted 1 year ago #

    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.

  15. Remco Stoffer
    Member
    Posted 1 year ago #

    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.

  16. vlisandrofor
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic