s2member captcha how to make responsive - css or javascript

i have a s2member free registration form on my website, but my problem is this, the s2member captcha recaptcha thing is out of my box on mobile i want to make it responsive but i am not sure how to. i looked into the authnet-registration-form.php and i could not find the HTML for the captcha i googled it but they did not have any thing on the subject. i tryed doing some CSS but it does nothing like for example i did inspect elememnt on the table #recaptcha_table i did width of width: 16%; if you go up more to like the parent of the table the div with the id of #recaptch_area i get the same thing it does nothing. i also try on the img tag with the id of #recaptcha_challenge_image but all it did was make the image in it smaller. I also notice that the recaptcha being used is out of date i don't know if that is one of the problems. someone told me that the newer versions of recaptcha is responsive i do not know if it is true or not. MY WEBSITE IS BARKITV.COM/BARKI/FREE

Please Help thank you

Topic s2member captcha css Wordpress

Category Web

1
answered at

You can set the responsive view by adding this to the bottom of your CSS file.

@media only screen and (max-device-width: 480px) {
#recaptcha_table { width:70%; }
    }

You can also overwrite rules by adding !important; after the style of the class.

You could even add this into your header after you have called the CSS file to make sure this is the last CSS rule.

About

Geeks Mental is a community that publishes articles and tutorials about Web, Android, Data Science, new techniques and Linux security.