Contact Form 7
Contact Form 7 display issue after upgrade to WP 3.9+ (4 posts)

  1. StephInSeattle
    Posted 1 year ago #

    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 http://downtownkirkland-clone.mystagingwebsite.com/contact/ and http://downtownkirkland-clone.mystagingwebsite.com/volunteer/

    Any help will be greatly appreciated.


  2. Takayuki Miyoshi
    Plugin Author

    Posted 1 year ago #

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

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

    Remove it.

  3. StephInSeattle
    Posted 1 year ago #

    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.

  4. aibrean
    Posted 1 year ago #

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

    .captcha-img img

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic