Title: Contact form layout
Last modified: August 22, 2016

---

# Contact form layout

 *  Resolved [aharmer](https://wordpress.org/support/users/aharmer/)
 * (@aharmer)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/contact-form-layout-2/)
 * Hi, I’ve just transferred my site from localhost to live site. However, the contact
   form layout has gone awry. It was fine in development but now the message box
   and send button are offset from the other boxes. I didn’t change settings during
   the transfer so not sure what’s happening. Any ideas?
    Thanks.
 * Site: [](http://ecologyatalbany.com)

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Thread Starter [aharmer](https://wordpress.org/support/users/aharmer/)
 * (@aharmer)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/contact-form-layout-2/#post-5934001)
 * OK, I added this to my css and it seems to have solved the problem.
 *     ```
       .textarea-box {
       	width: 100% !important;
       }
       ```
   
 * But does anyone have any idea why it would look one way in development but another
   on the live site?
 *  [MariusG](https://wordpress.org/support/users/marius_codeinwp/)
 * (@marius_codeinwp)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/contact-form-layout-2/#post-5934095)
 * I sincerely have no idea 🙂 Sometimes file get corrupted during upload, it’s 
   just a guess though.
 * How did you transfer your website?
 * Kind regards,
    Marius
 *  [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/contact-form-layout-2/#post-5934102)
 * Hi,
 * Are you using Jetpack on your site? 🙂
 * Regards,
    Hardeep
 *  Thread Starter [aharmer](https://wordpress.org/support/users/aharmer/)
 * (@aharmer)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/contact-form-layout-2/#post-5934105)
 * Marius, I transferred using FTP.
 * Hardeep, yes I am using Jetpack.
 * Cheers,
    Aaron.
 *  [MariusG](https://wordpress.org/support/users/marius_codeinwp/)
 * (@marius_codeinwp)
 * [11 years, 4 months ago](https://wordpress.org/support/topic/contact-form-layout-2/#post-5934153)
 * Hello Aaron,
 * Did you use ASCII or Binary Transfer mode when uploading? I’ve found that ASCII
   sometimes causes issues for me, I always use Binary Mode.
 * Anyway, I think the issue was what Hardeep said, it’s because of the Jetpack 
   plugin.
 * Kind regards,
    Marius
 *  [ostn](https://wordpress.org/support/users/ostn/)
 * (@ostn)
 * [11 years ago](https://wordpress.org/support/topic/contact-form-layout-2/#post-5934271)
 * Hello,
 * I have the same problem that aharmer, but I copy the code in my css (inside Contac
   Us section) and it does not works.
 * My web is: [http://www.osteogenos.com/canaldeconsulta/](http://www.osteogenos.com/canaldeconsulta/)
 * Do you have any idea what can I could do?
 * Thanks a lot.
 *  [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [11 years ago](https://wordpress.org/support/topic/contact-form-layout-2/#post-5934272)
 * Also add the following CSS:
 *     ```
       .contact-form input[type="email"], .contact-form input[type="text"] {
           width: 100%;
           max-width: 100%;
       }
       ```
   
 * Regards,
    Hardeep

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Contact form layout’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/zerif-lite/1.8.5.49/screenshot.
   png)
 * Zerif Lite
 * [Support Threads](https://wordpress.org/support/theme/zerif-lite/)
 * [Active Topics](https://wordpress.org/support/theme/zerif-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/zerif-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/zerif-lite/reviews/)

## Tags

 * [contact-form](https://wordpress.org/support/topic-tag/contact-form/)

 * 7 replies
 * 4 participants
 * Last reply from: [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * Last activity: [11 years ago](https://wordpress.org/support/topic/contact-form-layout-2/#post-5934272)
 * Status: resolved