- This topic has 13 replies, 2 voices, and was last updated 2 years, 3 months ago by
.
-
Posts
-
Hi !
By installing Google’s recaptcha on my page, I realize that the layout is shifted to the left because of the button and that it overflows on the right. I found a piece of css that might fix the problem:[quote]
@media screen and (max-height: 575px){
#rc-imageselect,
.g-recaptcha {
transform:scale(0.77);
transform-origin:0;
transform:scale(0.77);
transform-origin:0 0;
-webkit-transform:scale(0.77);
transform:scale(0.77);
-webkit-transform-origin:0 0;
transform-origin:0 0;
}
}
[/quote]I would like to have your opinion on this css code and if I can install it with css customization, because, another question, if I install it and it does not go, how to remove it ?
Hi Gil,
Thank you for reaching out. 🙂
Could you provide us with screenshots of your website please? Please don’t hesitate to comment or highlight your screenshots to help us better understand your issue.
Thank you.
ok, as you can see, the page is shifted to the left by the recaptcha button
Thank you for your feedback Gil. 🙂
It’s best if we take a quick look at this…
Could you create a new website user for us please? If possible with administrator capabilities so we can make a quick check of your settings.
You can post the user name and password in your next reply and mark it as private to keep this between us.Also, are we free to deactivate plugins for our tests? In this case, I invite you to make a backup before we investigate your website further in order to make sure you don’t loose any data if something goes wrong.
Thank you.
Done !
Thank you Gil. You can post the user name and password in your next reply and mark it as private to keep this between us. 🙂
This reply has been marked as private.
Hi Gil,
Thank you for granting us access to your WP Admin.
It seems some required plugins are missing, one of them is Grimlock for Wp Manager. Could you please install it and come back to me?
This home made plugin will make the compatibility with WP Job Manager plugin to make it fit with the theme.
Best,
Hi !
Result for search :
Grimlock for Wp Manager is not found by WP. :/
Hi Gil, 🙂
The Grimlock plugins cannot be found in WordPress. You have to install them by clicking on the link in the notice on the top of your Dashboard. I send you a screenshot in my previous reply. Anyway, I install it for you.
Concerning you issue with the recaptcha, I’m afraid I cannot help you much as you can’t resize it. Google set a specific width and it cannot be changed using CSS. However, I made you a snippet to display the recaptcha under the label. It might help you to partially solve this issue. Simply add the following code snippet to your website:
/** * FIX: Display Recaptcha Under the Label on Mobile */ @media (max-width:500px){ .g-recaptcha > div, .rc-anchor-normal{ max-width:100% !important; } .fieldset-recaptcha{ display:flex; flex-direction:column; } .fieldset-recaptcha > *{ min-width:100%; } }To add this code snippet to your site, we recommend that you paste it to the Custom CSS panel of your WordPress Customizer. Just go to your dashboard and navigate to “Appearance > Customize > Additional CSS”.
Pasting your code snippet there should do the trick for you.Also, it’s important to remember that we share snippet only to solve issues with our theme. Any further request for CSS snippets will have to be part of a defect that needs to be fixed urgently. No snippets will be shared otherwise.
If you want to go further with the customization of your website, we advise that you require customization work.
Regards,
Hi!
I did not specify that it is a display problem encountered on a mobile phone. On the PC everything is ok.
I really want to test the piece of code you provided, but if it breaks something in my presentation, could I at least remove it? If yes, how ?
Thank you
Hi Gil,
Once you paste this snippet in Customize > Appearance > Customize > Additional CSS, this issue should be solved. In case you don’t want it anymore, you simple have to delete it.
It is a CSS snippet, not php. There is no risk to break your website. Moreover, the snippet has been tested on our demo.
Best,
Problem is resolved !
good job Manathan!
Hi Gil,
I’m glad to read all is working fine! 🙂
Best,
Hi there,
This topic has been inactive for a while now so we will be closing it to keep the forum tidy. Don't hesitate to create a new topic if you still need help and we'll be glad to help you!
Best regards,
The Themosaurus team.
The topic ‘recaptcha button Google problem’ is closed to new replies.
