-
Posts
-
Hello,
I added the built-in captcha field to the registration form for an event and the style of the captcha field is broken. This is the standard Google captcha. Here is an example:
Is there a way to fix this with quick CSS addition? Here is the class used for the captcha:
<p class=”input-group input-captcha input-field-captcha”>Thank you!
is it an older google captcha plugin ? because i often integrate the google captcha to contact form 7 and they have now those images to mark to a concerning question.
And by the way did you changed on quick css the “.recaptcha_input_area ”
try to find it or set it to:
.recaptcha_input_area { height: auto !important; }or if auto does not work try it with a value under 34px instead
Hi!
@tangrainc1 please let us know if that works our for you, if not please update the ticket.Thanks a lot
Best regards,
BasilisI tried adding quick CSS with both auto and 30px and not change. The bottom of the captcha still shows part of the top border. Right now you can see how it looks with the auto.
Unfortunately there is not an option to change the captcha style/version with Events manager Pro. It has a built-in field for captcha and when added it uses this old style Google captcha. This seems to show fine with other themes but for some reason with Enfold it has the style broken.
Thank you!
Hi!
I loaded the site and I can not see it been over writted with any CSS from the side of enfold.
The plugin is although using the old version which might having some issues…Regards,
BasilisI am not sure what the problem is. I know it is the old version of the Google captcha but seems to work fine with Events Manager Pro and other themes, here is one example:
I asked on the Events Manager Pro support forums if possible to use the newer Google captcha version but no response yet.
I am not sure why the CSS does not change, here is the way I set the Quick CSS on the Enfold General Styling page:
https://www.dropbox.com/s/cyymhgs4l1i7vbg/Screenshot%202016-07-09%2021.50.43.png?dl=0you have to find the css of the event because it seems to overwrite the quick css instruction. (it is set to important too)
The path to that css rule is on your installation: http://www.dementiawise.com/events/mesa/
because there are only recaptcha instructions in it it might be a setting of the recaptcha plugin. This might be an inline css code this is loaded last.
How do you embed the google code (Private key and public key etc) to your wordpress? Via Plugin ?i don’t know when custom.css (placed in /wp-content/themes/enfold/css) is loaded. Maybe it helped if you are placing that rule into it. (via ftp download/upload).
it seems that quick css is loaded before your rule settings on wp-content/themes/enfold/css is loaded.i only used sometimes the non pro version so i could not help you to find the right position of the css embedded there.
see here : on firebug i can simulate the effect by changing the code of your inline css rule. And this will result in the correct presentation of recaptcha.
So the point is to place that rule to the last position of loading ( because cascading style sheet)
Thanks a lot for all the help Guenni007!!! Your suggestion worked great. I finally had to add the CSS you suggested as inline style on the events page itself and only then I was able to override the default style.
- The topic ‘Events Manager Pro captcha field style’ is closed to new replies.