Contact form 7 integration problem

  • Resolved kerdezo

    (@kerdezo)


    8 years, 11 months ago

    Greetings.
    I have activated the newest Contact Form 7 with the offered recaptcha.
    Some strange phenomena occurred so I turned to cf7 support forum. I got the answer that I should temporarily switch to a wp-default theme to see if that eliminates the problem. If yes than it is a problem of the theme I use. Unfortunately the answer is yes so I try to list the detected problems.
    1. The red alert pop-up lays on writings entry zone, hiding the letters to retype.
    2. The red alert pop up for missing recaptcha entries lays on the icon, hiding letters.
    3. Recaptcha cannot be filled in to prior to “Send message” button because it is placed under the button by half. Can only be filled to prior to “Name”. You may see the whole thing on my site https://www.mosthallottam.hu/kapcsolat/
    How to fix this?
    Thanks

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

  • Hi kerdezo. You could try overriding the default theme support for CF7 by adding code to your child theme css:

    1 & 2

    /* move CF7 error message up out of field */
.wpcf7 span.wpcf7-not-valid-tip {
    padding: 0;
    top: 0;
}

    Not sure about 3.

    Thread Starter kerdezo

    (@kerdezo)

    Hi bdbrown. First let me say a great THANK YOU for the continuous assistance.
    – pedding 0, top 0, works good with the 2 text areas but puts red alert on the”Name”at captcha.

    -I looked at the pop up red areas with right click,inspect element, and at the right side -Rules – tried to take off the ticks from the check-boxes to see the change. When took off tick from “position:absolute” the red pop up went just under the field at both texts and chaptcha. So this is a good solution, but I don’t know how to translate this tick-off to css language.If you please…
    my site is https://www.mosthallottam.hu

    -Looking back in the forum found your chat with Andres3D-three days ago-
    so looked at his page. Found the pop-ups in the same positions on his site, but when I put cursor over the red zone they go off so one can write in.Also tried to inspect what makes this possible but found no answer as I don’t really know what to seek:-) / His site is https://www.conguaramo.com/pty/prueba-contacto/

    You could try this:

    .wpcf7 span.wpcf7-not-valid-tip {
    position: initial;
}

    The effect you see on Andres3D’s site is probably a javascript mouseover event. It’s not something I helped with; I’m guessing it’s part of CF7. If so then there’s probably a javascript conflict somewhere that’s not allowing it to run. Andres3D is also running the theme version from the theme website, not the version from the wp.org repository. I don’t know if that makes any difference or not, and I don’t know what version of CF7 they’re running. Unless you’re stuck on CF7 for some reason there are plenty of other good contact form plugins available.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Contact form 7 integration problem’ is closed to new replies.