reCapcha of Google look bad, not adjusted correctly...: Page 2

reCapcha of Google look bad, not adjusted correctly...

saguaros

dcstudios24
Here is on my mobile

dcstudios24

It does not work for me ... Even in your photo it is clear that the messages field has no borders and is not aligned with the capcha, as already mentioned in the past, and if you turn the phone horizontally, you can see that the checkmark it gets as small as before.

Best regards, Michael. saguaros

aman204

dcstudios24 messages field has no borders and is not aligned with the capcha, as already mentioned in the past

You may check now. Have changed the earlier CSS suggested to :

form.well .controls input,form.well .controls textarea{border:1px solid #ccc !important;width:100% !important}

and if you turn the phone horizontally, you can see that the checkmark it gets as small as before.

As suggested earlier, You will require to ensure that CSS rule-sets being added are not having syntax error like having missing semicolon e.t.c due to which further CSS doesnt append. In this instance, The CSS suggested above isnt appending due to which you will need to ensure that CSS added prior has right formation as seen here and media query like seen here

dcstudios24

Hi, thank you for you answer.
Problem with text message field (resolved)
Problem with the checkmark (resolved at 50%, since with the phone in horizontal position does not align to the left and stays centered).
* In the case of the Capcha (the problem is not solved, it remains cut exactly after the letter "A")
** I have reviewed the CSS Custom and I do not find syntax problems.

Best regards, thanks
Miachael aman204

aman204

dcstudios24 ** I have reviewed the CSS Custom and I do not find syntax problems.

Could see some syntax errors in CSS which had been corrected however, still specific media query CSS isnt appending. Will try checking further through ftp client with code editor for any further CSS syntax if required to be rectified

Kindly check here as ftp hostname isnt added

dcstudios24

Okay, I just added the hostname ... thanks! aman204

aman204

dcstudios24 Upon digging deeper, Could see that there's no easy way to customize the styling of v2 reCaptcha due to preventive measures taken by Google. Ref due to which CSS suggested isnt appending

dcstudios24

Hi, thank you for you answer. I've used many different types of templates, many of them from gavickpro, and something like this has never happened with the Google Cap, it's clear that it's a problem with your template ...
* In addition to this, I remind you that I also use Google Cap in another part of the website:
https: // www. .com / photography / tailor-made.html
where I use it with a third-party component that is not related to the template, and in that case, the Capcha works well, therefore, it depends on a problem with the template shape5 ...

Greetings thank you
Michael aman204

aman204

dcstudios24 * In addition to this, I remind you that I also use Google Cap in another part of the website:
https: // www. .com / photography / tailor-made.html

If you are looking forward to have almost similar positioning for reCaptcha for certain breakpoint as seen in other pages, You may try add this to custom.css file instead as it also depends upon the HTML and the corresponding CSS rule-sets due to different form being used on the other page :

@media only screen and (min-device-width: 480px) and (max-device-width: 550px){.form-horizontal .control-label{width: 100% !important;}.form-horizontal .controls{margin-left: 0 !important;}.form-horizontal .control-group{margin-top:20px !important;}}

« Previous Page