Advertisement:

Author Topic: Responsive reCAPTCHA image  (Read 2956 times)

marylooo

  • Newbie
  • *
  • Posts: 16
Responsive reCAPTCHA image
« on: October 14, 2013, 03:09:21 am »
Here is how I achieved a responsive reCAPTCHA graphic in the Bender theme.

I added this code to the bottom of the CSS file I'm using:

Code: [Select]
/* Make reCAPTCHA image responsive (override inline/embedded styles). */
div#recaptcha_widget{width:100% !important;}
div#recaptcha_image{width:100% !important;height:auto !important;}
div#recaptcha_image > img{width:100% !important;}

This set of screenshots shows the result.

garciademarina

  • Administrator
  • Hero Member
  • *****
  • Posts: 974
Re: Responsive reCAPTCHA image
« Reply #1 on: October 14, 2013, 03:16:24 pm »
Nice!

I created a new issue on github, this way we'll try to add this trick to Bender theme.
https://github.com/osclass/Osclass/issues/1061

thanks