*

BabyDunk

  • ****
  • 161 posts
css fix for recaptcha in firefox
« on: June 11, 2016, 05:05:49 AM »
in firefox  the Recaptcha input box would float far right beyond the image. i figured out

Code: [Select]
div#recaptcha_widget #recaptcha_response_field {clear:both;}
needs changed to
Code: [Select]
div#recaptcha_widget #recaptcha_response_field {display: block;}
now the input box sits in the intented position in firefox, chrome and iexplorer. i cant say for the rest.

I Am A Noob But I Am Here To Learn.
Please be patient ;) ;D

*

MB Themes

Re: css fix for recaptcha in firefox
« Reply #1 on: June 11, 2016, 08:09:53 PM »
@aweegander
Thanks for the tip ;)
  To get fast support, we need following details: Detail description, URL to reproduce problem, Screenshots

Re: css fix for recaptcha in firefox
« Reply #2 on: February 18, 2017, 07:48:15 PM »
in firefox  the Recaptcha input box would float far right beyond the image. i figured out

Code: [Select]
div#recaptcha_widget #recaptcha_response_field {clear:both;}
needs changed to
Code: [Select]
div#recaptcha_widget #recaptcha_response_field {display: block;}
now the input box sits in the intented position in firefox, chrome and iexplorer. i cant say for the rest.

hello im new and idont have idea about programing ,,can you help how to find that code to change the code new code thankyou

*

hayat

  • ****
  • 115 posts
Re: css fix for recaptcha in firefox
« Reply #3 on: February 19, 2017, 04:34:56 AM »
in firefox  the Recaptcha input box would float far right beyond the image. i figured out

Code: [Select]
div#recaptcha_widget #recaptcha_response_field {clear:both;}
needs changed to
Code: [Select]
div#recaptcha_widget #recaptcha_response_field {display: block;}
now the input box sits in the intented position in firefox, chrome and iexplorer. i cant say for the rest.

hello im new and idont have idea about programing ,,can you help how to find that code to change the code new code thankyou
find it in CSS

*

BabyDunk

  • ****
  • 161 posts
Re: css fix for recaptcha in firefox
« Reply #4 on: February 19, 2017, 01:41:03 PM »
@anubahostingph.com

you will need to get yourself an editor. i use phpdesigner but you can get plenty of free programs. Notepad++ is a popular one
here's a list free of editors
http://free-php-editor.com/


first download and/or open the style.css file, found in oc-content/themes/patricia/

then search for
Code: [Select]
div#recaptcha_widget #recaptcha_response_field
i found it on line 940  but it might be different on you style.css, as my style.css has been heavily edited.

replace
Code: [Select]
div#recaptcha_widget #recaptcha_response_field {clear:both;}
with
Code: [Select]
div#recaptcha_widget #recaptcha_response_field {display: block;}
thats what fixed my problem
All the best
Chris
« Last Edit: February 19, 2017, 02:20:41 PM by BabyDunk »
I Am A Noob But I Am Here To Learn.
Please be patient ;) ;D

Re: css fix for recaptcha in firefox
« Reply #5 on: February 19, 2017, 06:42:00 PM »
@anubahostingph.com

you will need to get yourself an editor. i use phpdesigner but you can get plenty of free programs. Notepad++ is a popular one
here's a list free of editors
http://free-php-editor.com/


first download and/or open the style.css file, found in oc-content/themes/patricia/

then search for
Code: [Select]
div#recaptcha_widget #recaptcha_response_field
i found it on line 940  but it might be different on you style.css, as my style.css has been heavily edited.

replace
Code: [Select]
div#recaptcha_widget #recaptcha_response_field {clear:both;}
with
Code: [Select]
div#recaptcha_widget #recaptcha_response_field {display: block;}
thats what fixed my problem
All the best
Chris


hello its not working same problem but when i used recapcha 1 working good
please check: 

*

BabyDunk

  • ****
  • 161 posts
Re: css fix for recaptcha in firefox
« Reply #6 on: February 19, 2017, 07:41:53 PM »
you have to replace

Code: [Select]
div#recaptcha_widget #recaptcha_response_field {clear:both;}
with
Code: [Select]
div#recaptcha_widget #recaptcha_response_field {display: block;}
what's your url?
« Last Edit: February 19, 2017, 07:43:59 PM by BabyDunk »
I Am A Noob But I Am Here To Learn.
Please be patient ;) ;D

*

BabyDunk

  • ****
  • 161 posts
Re: css fix for recaptcha in firefox
« Reply #7 on: February 19, 2017, 08:05:13 PM »
are you using noCaptcha recaptcha free plugin for the reCaptcha v2?
I Am A Noob But I Am Here To Learn.
Please be patient ;) ;D

Re: css fix for recaptcha in firefox
« Reply #8 on: February 20, 2017, 09:44:21 AM »
i used defult recaptcha from my dashboard..this is my site  please help thank you.https://www.kabayanmarket.com/index.php?page=register&action=register   please teach me from the start whre i put the codes thank you again
 

*

BabyDunk

  • ****
  • 161 posts
Re: css fix for recaptcha in firefox
« Reply #9 on: February 20, 2017, 10:54:07 AM »
Good morning anubahostingph.com

do you have an editor, to change code in the patricia theme files?

also go to the market and download noCaptcha recaptcha. once you have it installed goto https://www.google.com/recaptcha/admin#list and get your site and secret key and put it in the noCaptcha recaptcha settings page found at the plugins section in the osclass control panel.

once you have that done select where the places you wish to use reCaptcha.

then save settings. once thats all complete goto to the main settings of osclass, the spam and bots section and remove any information in there relating to reCaptcha.


then you want to edit your theme to place the noCaptcha recaptcha code for all the places you had selected in the settings .

please give me a list of all the areas you selected in the noCaptcha recaptcha settings to place a reCaptcha??
« Last Edit: February 20, 2017, 10:56:28 AM by BabyDunk »
I Am A Noob But I Am Here To Learn.
Please be patient ;) ;D

Re: css fix for recaptcha in firefox
« Reply #10 on: February 20, 2017, 01:45:43 PM »
yes i have a editor like note pad i already follow your guide  i already clean my recaptcha then i install the plug in from the market but icant see the recaptcha in my reg form..and i confused this code where i put? please check this image..   and also please check the other pictures,.   ineed to put recaptcha registration form,log in form  and web contact form  please and im sory idont have idea thankyou..

*

BabyDunk

  • ****
  • 161 posts
Re: css fix for recaptcha in firefox
« Reply #11 on: February 20, 2017, 02:06:34 PM »
if your user-register.php is in original layout and hasn't been edited.

open the user-register.php and on line 27 put the code (move what is already on the line down one line by simply hitting enter)

Code: [Select]
<?php osc_run_hook("anr_captcha_form_field"); ?>
also on line 83 and 84 replace this
Code: [Select]
<script type="text/javascript">var RecaptchaOptions = {theme : 'white'};</script>
            <?php osc_show_recaptcha('register'); ?>

with this
Code: [Select]
<!-- ReCaptcha -->
            <div id="recaptcha_v2">
                    <?php osc_run_hook("anr_captcha_form_field"); ?>
            </div>

now open responsive.css and add this to the top of the page
Code: [Select]
/* reCaptcha v2 */
@media screen and (min-width: 1051px){
    div#recaptcha_v2 { width:100%;height:auto;float:left;clear:both;margin:0 0 10px 30%; }
}

that will sort your login and registration forms
« Last Edit: February 20, 2017, 02:08:06 PM by BabyDunk »
I Am A Noob But I Am Here To Learn.
Please be patient ;) ;D

*

BabyDunk

  • ****
  • 161 posts
Re: css fix for recaptcha in firefox
« Reply #12 on: February 20, 2017, 02:17:26 PM »
for your web contact form open contact.php and on line 53 replace
Code: [Select]
<?php osc_show_recaptcha(); ?>
with this
Code: [Select]
<!-- ReCaptcha -->
        <div id="recaptcha_widget">
            <?php osc_run_hook("anr_captcha_form_field"); ?>
        </div>

no css rules are needed for this.

 but generally if you want to add noCaptcha reCaptcha with any of the forms listed in the plugin. you just need to place the code before the submit button code in the desired form
Code: [Select]
<?php osc_run_hook("anr_captcha_form_field"); ?> i dont think there are an css rules needed for any of the forms left over.

All the best
BabyDunk
« Last Edit: February 20, 2017, 02:25:58 PM by BabyDunk »
I Am A Noob But I Am Here To Learn.
Please be patient ;) ;D

Re: css fix for recaptcha in firefox
« Reply #13 on: February 21, 2017, 02:01:04 PM »
i install but cant view my recaptcha  by the way i have a private message to you regarding my problem sir please read thanks..