Advertisement:

Author Topic: how to solve reCAPTCHA problem, outside the contact window?  (Read 971 times)

rainilson

  • Newbie
  • *
  • Posts: 37
how to solve reCAPTCHA problem, outside the contact window?
« on: October 19, 2018, 06:40:04 pm »
Hi everyone, can anyone help me, how to solve problem and reCAPTCHA, outside the conatato window?
below I left a picture of the problem.
« Last Edit: October 19, 2018, 06:42:20 pm by rainilson »

rainilson

  • Newbie
  • *
  • Posts: 37
Re: how to solve reCAPTCHA problem, outside the contact window?
« Reply #1 on: October 20, 2018, 05:42:09 pm »
Could some friend help me please?  :'(

marius-ciclistu

  • issues
  • Hero Member
  • *
  • Posts: 1652
  • "BE GRATEFUL TO THOSE THAT SUPPORTED YOU"
Re: how to solve reCAPTCHA problem, outside the contact window?
« Reply #2 on: October 20, 2018, 10:46:44 pm »
Increase the sidebar's width or search for captcha tiny code  or something like that.

rainilson

  • Newbie
  • *
  • Posts: 37
Re: how to solve reCAPTCHA problem, outside the contact window?
« Reply #3 on: October 22, 2018, 04:49:39 pm »
Increase the sidebar's width or search for captcha tiny code  or something like that.

I do not want to touch the width of the sidebar.
and I could not find the reCAPTCHA code.

WEBmods

  • Hero Member
  • *****
  • Posts: 936
  • github.com/webmods-croatia/love-osclass/ | patrick
Re: how to solve reCAPTCHA problem, outside the contact window?
« Reply #4 on: October 22, 2018, 06:57:14 pm »
Hello,

Use Inspect Element tool to find the ID/class of the reCAPTCHA window, adjust and copy the CSS code and paste it in your theme's CSS file.

Regards.

marius-ciclistu

  • issues
  • Hero Member
  • *
  • Posts: 1652
  • "BE GRATEFUL TO THOSE THAT SUPPORTED YOU"
Re: how to solve reCAPTCHA problem, outside the contact window?
« Reply #5 on: October 22, 2018, 09:18:26 pm »
I implemented once a narrow captcha into wp.

rainilson

  • Newbie
  • *
  • Posts: 37
Re: how to solve reCAPTCHA problem, outside the contact window?
« Reply #6 on: October 25, 2018, 04:35:09 pm »
Hello,

Use Inspect Element tool to find the ID/class of the reCAPTCHA window, adjust and copy the CSS code and paste it in your theme's CSS file.

Regards.

Could you show me how to make a friend, please?

rainilson

  • Newbie
  • *
  • Posts: 37
Re: how to solve reCAPTCHA problem, outside the contact window?
« Reply #7 on: October 25, 2018, 04:36:21 pm »
I implemented once a narrow captcha into wp.

How to do that friend?

rainilson

  • Newbie
  • *
  • Posts: 37
Re: how to solve reCAPTCHA problem, outside the contact window?
« Reply #8 on: October 30, 2018, 02:37:31 am »
please ???

marius-ciclistu

  • issues
  • Hero Member
  • *
  • Posts: 1652
  • "BE GRATEFUL TO THOSE THAT SUPPORTED YOU"
Re: how to solve reCAPTCHA problem, outside the contact window?
« Reply #9 on: November 01, 2018, 12:08:18 pm »
I don't remember. Search in google...

WEBmods

  • Hero Member
  • *****
  • Posts: 936
  • github.com/webmods-croatia/love-osclass/ | patrick

door

  • Newbie
  • *
  • Posts: 35
Re: how to solve reCAPTCHA problem, outside the contact window?
« Reply #11 on: April 14, 2019, 01:18:53 am »
The easiest solution is to use a tag provide by Google reCaptcha that sets it to compact mode. It will change the reCaptcha box from a rectangle to a small square box, reducing the width

Edit the file:

yourdomain.com/oc-includes/osclass/helpers/hUtils.php

Find this line:

Code: [Select]
echo '<div class="g-recaptcha" data-sitekey="' . $siteKey . '"></div>';
and add this tag: data-size="compact" so it looks like this:

 
Code: [Select]
echo '<div class="g-recaptcha" data-sitekey="' . $siteKey . '" data-size="compact"></div>';
« Last Edit: April 14, 2019, 01:20:57 am by door »