change the width of contact form

  • Unknown's avatar
    acupunctureinkeighley · Member ·

    I would like to make the contact form wider than current setting. In order to make all the areas of contact form same width, I already made the message area width less than before. However, I prefer make all the fields of the contact form wider.

    Could anyone kindly help? thanks

    http://acuandherbs.net/acupuncture-keighley-appointment/

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    hallluke · Member ·

    Hi again! If you delete the sizing rules for the contact form that you already have in your custom CSS:

    #contact-form-55 {
  width:382px
}

    and replace it with the following:

    .contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
  width:100%;
}

    you should find that all the boxes expand to their maximum width and still look good on tablets and smartphones. Let me know how it goes!

  • Unknown's avatar
    acupunctureinkeighley · Member ·

    thanks for your help, I want to make the name, contact number and email address fields wider than the fix width. The code you give above can only make all field in same width, but seems to be not for change the width of the first 3 fields.

    Is there any chance to make all of them not only in same width, but also wider than current looking?

    thanks

  • Unknown's avatar
    hallluke · Member ·

    Ah so you want to make that whole side of the page wider so there’s more room to type in?

    You’ve set that block in your page manually to be 35% wide using inline CSS, you can make this slightly larger and even make the first section (currently set to 50% width) smaller as well if you like.

  • The topic ‘change the width of contact form’ is closed to new replies.