Contact form layout

  • Resolved aharmer

    (@aharmer)


    11 years, 2 months ago

    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:

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter aharmer

    (@aharmer)

    11 years, 2 months ago

    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

    (@marius_codeinwp)

    11 years, 2 months ago

    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

    (@hardeepasrani)

    11 years, 2 months ago

    Hi,

    Are you using Jetpack on your site? 🙂

    Regards,
    Hardeep

    Thread Starter aharmer

    (@aharmer)

    11 years, 2 months ago

    Marius, I transferred using FTP.

    Hardeep, yes I am using Jetpack.

    Cheers,
    Aaron.

    MariusG

    (@marius_codeinwp)

    11 years, 2 months ago

    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

    (@ostn)

    10 years, 10 months ago

    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/

    Do you have any idea what can I could do?

    Thanks a lot.

    Hardeep Asrani

    (@hardeepasrani)

    10 years, 10 months ago

    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.