Contact Form 7 display issue after upgrade to WP 3.9

  • I am using Salient theme. Since the WP upgrade (3.9+) all the forms on our sites have a large white-space area after the Send Button line which has increased the form box by about 580px. This extra white space appeared before I upgraded the theme. After the issue appeared, I also upgraded the theme and all our plugins. This appears to be the only issue I have had (fingers crossed).

    The developer has responded by suggesting I add some CSS to CF7:
    ‘
    .wpcf7-form p {
    padding-bottom: 0px !important;}
    ‘
    Unfortunately, this was one of the first fixes I tried but does not correct the issue.

    I have a suspicion this is caused by the Ajax image loader at the Submit Button. If I remove the ‘loader’ the form resets itself to its correct height.

    You can view this issue on my development site at https://downtownkirkland-clone.mystagingwebsite.com/contact/ and https://downtownkirkland-clone.mystagingwebsite.com/volunteer/

    Any help will be greatly appreciated.

    https://www.ads-software.com/plugins/contact-form-7/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    In the HTML source of https://downtownkirkland-clone.mystagingwebsite.com/contact/ line #138 to #141, you have

    .row .col .wpcf7 img {
    height:110%;
    width: 110%;
}

    Remove it.

    Thread Starter StephInSeattle

    (@stephinseattle)

    Of course that was the issue. I dreamt this was the fix last night. Thank you.

    Which means we now have an old problem back. We have to ensure that our users have an opportunity to engage on our websites including those with visibility issues. In our case the theme is very responsive but when using Really Simple Captcha the image box is too small for the majority of people to read on mobiles.

    The Salient theme does not allow for any other captcha. I would love to know what you recommend. I have tried a number of fixes and some recommended by users here on this forum but to no avail.

    My original post is at ‘Contact Form 7 responsive but Really Simple Captcha not’

    Please could you help with this. CF7 is the absolute best of the forms and I use it on all the client sites.

    You can target the captcha image specificially. I would use a media query to increase the width/height:

    .captcha-img img
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Contact Form 7 display issue after upgrade to WP 3.9’ is closed to new replies.