Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #738369

    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!

    #738370

    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;
            }
    
        }
    #738746

    Hi,

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

    Best regards,
    Rikard

    #738784

    Ugh!

    Sorry about that. Brain fart.

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

    Thank you!

    • This reply was modified 7 years, 4 months ago by jabbler.
    #739663

    Anyone there?

    #740283

    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

    #740473

    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

    #742406

    Hi,

    try to add this code into Quick CSS field:

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

    Best regards,
    Andy

    #742673

    That didn’t seem to work…

    #743490

    Hi,

    then try this code instead:

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

    Best regards,
    Andy

    #743660

    That didn’t seem to work either.

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

    #744511

    Hi,

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

    Best regards,
    Andy

    #744580

    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!

    #745492

    Hi,

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

    Best regards,
    Andy

    #753441

    Thank you so much for your help!

    #753573

    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

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