Recaptcha image displaying too long on desktop and mobile versions

Discussion in 'GeoCraft WordPress Theme' started by gaamain1, Sep 19, 2014.

  1. gaamain1

    gaamain1 New Member

    Joined:
    Sep 11, 2014
    Messages:
    22
    Likes Received:
    0
    The Recaptcha image is stick out past the inquiry form box being on both the desktop and mobile versions.

    Recaptcha size issie.JPG

    Can you tell me where to find the code for each to reduce the number of pixels for the width?

    Thanks,
    Greg
     
  2. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    I didn't find any issue of recaptcha image, in desktop view also in mobile view.
    You can use following css code in Custom CSS to fix recaptcha image width issue, if you find.
    Code:
    div#recaptcha_image {
    width: 100% !important;
    }
    #inquiry_form #inquiry img#recaptcha_challenge_image {
    width: 100%;
    }
    It will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     
  3. gaamain1

    gaamain1 New Member

    Joined:
    Sep 11, 2014
    Messages:
    22
    Likes Received:
    0
    I tried that but got mixed results. Not sure what is causing it. Can you take a look at my site?

    http://www.bottleshopper.com


    Is my website displaying correctly on your desktop view also in mobile view?

    Thanks,
    Greg
     
  4. Yogesh

    Yogesh Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,052
    Likes Received:
    41
    Hello,

    Your site is working fine in my desktop view, but in some mobile phone it is causing captcha image problem.
    Following code will fix this problem.
    Code:
    div#recaptcha_image {
    width: 100% !important;
    }
    #inquiry_form #inquiry img#recaptcha_challenge_image {
    width: 100%;
    }
    Use above code in Custom CSS.
    It will resolve your issue.

    Thanks & Regards
    Yogesh Bhade
     

Share This Page