WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[resolved] how stretch box (21 posts)

  1. MattiaParla
    Member
    Posted 1 year ago #

    Hi to everyone,
    is it possible stretch the boxes of text fields?

    <p><font color="666666">Nome*</font>
    [text* your-name] </p>

    <p><font color="666666">E-mail*</font>
    [email* your-email] </p>

    <p><font color="666666">Oggetto*</font>
    [text your-subject] </p>

    <p><font color="666666">Messaggio*</font>
    [textarea your-message] </p>

    Thank you in advanced.
    M

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

  2. avipr
    Member
    Posted 1 year ago #

    Hello
    Yes you can customize them according to need to any extent.
    Thanks

  3. MattiaParla
    Member
    Posted 1 year ago #

    Hi Avipr
    Thank you for the answer.
    Please can you explain me how to do it?

    Thanks
    M

  4. avipr
    Member
    Posted 1 year ago #

    Yes I can help you, please tell me your requirements and modifications you need.

  5. kmchome
    Member
    Posted 1 year ago #

    I'm trying to do the same thing with this plugin. you can see my contact form at http://boot.keepmecertified.com/help/ I want to make the text boxes about 90% of the width and I can't find what file or where to make that change.

    thanks

  6. avipr
    Member
    Posted 1 year ago #

    Hello

    I just checked your site. You can do it by two methods
    1. give size for your text box in your contact form 7 area
    2. overwrite css properties of text box.

    Hope it will help you.

  7. MattiaParla
    Member
    Posted 1 year ago #

    Hi Avipr,
    thank you for the answer.

    I would like to increase the length of the four boxes that I described in the first post.

    Please could you tell me what css file i have to modify and the line where i can find the code?

    Thank you in advanced.
    M

  8. doddy550
    Member
    Posted 1 year ago #

    This is relevant to my interests... I am trying to style the contact form, but cant see how i do it without hacking the plug-in. I would prefer not to do this.

  9. avipr
    Member
    Posted 1 year ago #

    Hello
    If you don't mind can you please drop me a message here http://www.training.org.in/contact-us/

  10. MattiaParla
    Member
    Posted 1 year ago #

    Hello avipr,
    Your contact form is too complex, ask me a contact number *

    But do you have the answer to my question?

  11. avipr
    Member
    Posted 1 year ago #

    Hi

    Its here
    First Solution
    while creating contact form the default is something like this
    <p>email
    [email your-email] </p>
    <p>subject
    [text your-subject] </p>

    Now add text box size to it like this [email your-email 24/] </p>
    Note 24/ is size, you can change it according to need, it will set the width of text box.

    Now move to text area
    [textarea your-message 19x3]
    Note- 19x3 means
    19 columns and 3 rows
    rows will set the height of text box and columns will set the width of text box.

    Second Solution
    By using css,
    open your default theme's css file which is style.css
    and append these line any where

    .wpcf7-text { width:200px !important; }
    .wpcf7-textarea { width:200px !important; }

    the first one will set the width of text box and second one of textarea, now please adjust the width according to need.
    !important; means any other style will be ignored or overwrite.

    Hope it will help you.

  12. MattiaParla
    Member
    Posted 1 year ago #

    Thank you very much Avipir!
    I have tried the second solution and It works perfectly.
    Best regards
    M

  13. avipr
    Member
    Posted 1 year ago #

    You are Welcome

  14. MattiaParla
    Member
    Posted 1 year ago #

    Do you know how reduce the message box field?
    Because now they are all of the same length.

    Thank you in advanced
    M

  15. avipr
    Member
    Posted 1 year ago #

    Hi
    Simple reduce the width. use 180 instead of 200

  16. MattiaParla
    Member
    Posted 1 year ago #

    if i change from 200 to 180 all the boxes are 180 pixel.
    I would like have a different length only for message box field.

  17. avipr
    Member
    Posted 1 year ago #

    Ok, than change this

    .wpcf7-textarea { width:200px !important; }

    you can increase or decrease the width of .wpcf7-textarea because its used for text area in contact form 7

  18. MattiaParla
    Member
    Posted 1 year ago #

    job well done!
    Thank you Avipr.
    M

  19. avipr
    Member
    Posted 1 year ago #

    Hello Mattia

    Always Welcome

  20. primedomain85
    Member
    Posted 1 year ago #

    Can someone explain to me how I can stretch the text area. I read the conservation but I'm still having problems.

    Please use "baby steps"...I'm a newbie. Below is how the current code.

    Thank you

    --------------------------------------------
    <p>Your Name (required)
    [text* your-name] </p>

    <p>Your Email (required)
    [email* your-email] </p>

    <p>Subject
    [text your-subject] </p>

    <p>Your Message
    [textarea your-message] </p>

    <p>[submit "Send"]</p>

  21. WordPress.Net.In
    Member
    Posted 1 year ago #

    Hello @primedomain85

    Either you can do some css or give it size while crating the boxes using form.
    Or read the conversation carefully.

    Thanks

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.