Hi,
You can change the size of the reCaptcha block using the CSS code in the “Custom code” tab on the plugin “Settings” page.
I could not find the related class
Do you have the css code ready for it?
Hi,
If the width of the parent container of the reСaptcha is less than or equal to 300px, then the reСaptcha becomes ‘compact’.
It is necessary to define the style not for the recaptcha, but for the parent container in which it is located and add the following code: min-width: 305px;
Unfortunately the problem is not solved
I used the following code :
/** recaptcha responsive code **/
.gglcptch{
height: 100px;
}
.gglcptch iframe{
min-width: 297px;
}
.gglcptch iframe .rc-anchor-compact .rc-anchor-content{
width: auto;
height: auto;
display: flex;
}
.gglcptch iframe .rc-anchor-compact{
width: auto;
height: 75px;
display: inline-flex;
}
.gglcptch iframe .rc-anchor-compact-footer{
margin: 18px 12px 0 12px;
text-align: center;
width: 128px;
}
/** recaptcha responsive code **/
But this code does not run inside iframe recaptcha
Hi,
The parent class for recaptcha is not an iframe. In your case – the parent class is the your comment form.
.class-form(replace with your form class) {
min-width: 305px
}
I applied according to the photo
And it did not work
https://gofile.io/d/T9rWqK
Hi,
We visited your site and noticed that the reCaptcha checkbox looks fine from our side in mobile view. Could you please specify, do you still need our help?
No not fixed
Refresh the page again after you go to the mobile view.
The captcha is compressed and small
Hi,
Unfortunately, we cannot reproduce this problem on our local environment. To solve your problem, please contact us via our Help Center (https://support.bestwebsoft.com/)