Tagged: ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • January 25, 2017 at 2:10 pm #738369
    jabbler

    I’m using Contact Form 7 with Enfold. (Enfold is great!)

    But I can’t seem to get the Google captcha to resize to fit inside a table for a mobile browser. I’ve searched far and wide and found a few potential solutions. I’ve tried them, but haven’t had any luck.

    Here’s one:

    @media screen and (max-height: 575px){
#rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

    Any advice would be greatly appreciated!

    January 25, 2017 at 2:11 pm #738370
    jabbler

    This one is longer, but not being a coder, I’m not sure if it’s necessarily better.

    Thanks again.

    @media (min-width: 320px) and (max-width: 480px) {
        #recaptcha_challenge_image{
        margin: 0 !important;
        width: 100% !important;
        }
        #recaptcha_response_field
        {
        margin: 0 !important;
        width: 100% !important;
        }
        .recaptchatable #recaptcha_image {
        margin: 0 !important;
        width: 100% !important;
        }
        .recaptchatable .recaptcha_r1_c1, 
        .recaptchatable .recaptcha_r3_c1, 
        .recaptchatable .recaptcha_r3_c2, 
        .recaptchatable .recaptcha_r7_c1, 
        .recaptchatable .recaptcha_r8_c1, 
        .recaptchatable .recaptcha_r3_c3, 
        .recaptchatable .recaptcha_r2_c1, 
        .recaptchatable .recaptcha_r4_c1, 
        .recaptchatable .recaptcha_r4_c2, 
        .recaptchatable .recaptcha_r4_c4, 
        .recaptchatable .recaptcha_image_cell {

        margin: 0 !important;
        width: 100% !important;
        background: none !important;
        }

    }
    January 26, 2017 at 6:54 am #738746
    Rikard

    Hi,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    January 26, 2017 at 8:53 am #738784
    jabbler

    Ugh!

    Sorry about that. Brain fart.

    http://www.jabble.jp/testblog/contact-forms/

    Thank you!

    • This reply was modified 7 years, 10 months ago by jabbler.
    January 28, 2017 at 2:47 am #739663
    jabbler

    Anyone there?

    January 30, 2017 at 4:56 pm #740283
    Andy

    Hi,

    Please update the theme to the latest version. That should fix any issues you are currently experiencing :)

    To update to the latest version follow the simple instructions here. (Or if you want the super detailed explanation you can read this blog post)

    If that does not help, feel free to reply here and we will take a closer look at the issue. In that case please also add your WordPress login credentials (in the “private data” field) so we can take a look at your admin area.

    Best regards,
    Andy

    January 31, 2017 at 5:21 am #740473
    jabbler

    Thank you for your reply.

    Unfortunately, that did not fix the problem.

    Can you please log in and see what the problem might be?

    Thank you for your continued support!

    Kelly

    February 3, 2017 at 3:34 pm #742406
    Andy

    Hi,

    try to add this code into Quick CSS field:

    .wpcf7 table {
margin-left: -28px;
}

    Best regards,
    Andy

    February 4, 2017 at 6:43 am #742673
    jabbler

    That didn’t seem to work…

    February 6, 2017 at 6:03 pm #743490
    Andy

    Hi,

    then try this code instead:

    @media only screen and (max-width: 767px) {
.wpcf7 table {
margin-left: -30px !important;
}}

    Best regards,
    Andy

    February 7, 2017 at 3:56 am #743660
    jabbler

    That didn’t seem to work either.

    Have you checked it with a mobile device? The Google captcha doesn’t seem to be resizing.

    February 8, 2017 at 9:38 pm #744511
    Andy

    Hi,

    how to login to your website? default WP login link is not working.

    Best regards,
    Andy

    February 9, 2017 at 3:41 am #744580
    jabbler

    Well it seemed to work on my iPhone after all (after clearing the browsing data/cache), but I checked on a friend’s phone and it’s still not resizing.

    I successfully logged in using the username/password provided above, but I will include them again.

    Thank you!

    February 10, 2017 at 4:54 pm #745492
    Andy

    Hi,

    it seems you could figure it out: http://imgur.com/a/xzaHM

    Best regards,
    Andy

    March 1, 2017 at 6:49 am #753441
    jabbler

    Thank you so much for your help!

    March 1, 2017 at 10:15 am #753573
    Vinay

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Vinay

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Resizing Google Captcha’ is closed to new replies.