Customize reCaptcha

  • Profile Image
    Keila Suarez
    Asked on May 18, 2015 at 12:56 PM
    Good , I want to know how to remove the border recapcha and change the input language in the text where it says type to place it in Spanish .. thanks
  • Profile Image
    EltonCris
    Answered on May 18, 2015 at 01:07 PM

    Hi,

    Which border are you referring, is it the captcha input or the captcha image? Anyways, here are the codes. Just pick the one you need.

    /*removes captcha input border*/

    input#recaptcha_response_field {

      border: none !important;

    }

    /*removes captcha image border*/

    .recaptchatable #recaptcha_image {

      border: none !important;

    }

    About the text, unfortunately it is automatically placed there by Google depending on the language used in your location. But, you can remove it if you want to using this CSS codes.

    #recaptcha_response_field::-webkit-input-placeholder { color:transparent; }

    #recaptcha_response_field:-moz-placeholder { color:transparent; }

    #recaptcha_response_field::-moz-placeholder { color:transparent; }

    #recaptcha_response_field:-ms-input-placeholder { color:transparent; }

     

  • Profile Image
    Keila Suarez 
    Answered on May 18, 2015 at 01:46 PM

    Hi, thanks for answering .. I served as placeholder .. The border I want to remove it from the table, the id recaptcha_table .. I hope your early reply , thanks .. Deputy border image ..

  • Profile Image
    EltonCris
    Answered on May 18, 2015 at 02:09 PM

    @Keila 

    Can you provide your form URL please so I can inspect it here? Thanks!