|
Dieter Winckelmann
|
June 17, 2013 at 10:19 am
I would like to use ReCaptcha on my forms to reduce spam and false sign-ups and the ReCaptcha displays correctly at the bottom of the form when there is just a single attendee / registration.
However, the moment I click to add further attendees these appear BELOW the ReCaptcha form – which breaks the flow and the logic for completing the form.
How do I ensure that the ReCaptcha form appears at the end of the form, regardless of how many additional attendees are added?
Currently running WP 3.5.1 with EE 3.1.33.2P on shared hosting platform.
Thanks
|
|
Josh
|
June 17, 2013 at 11:19 am
Hi Dieter,
You can add some custom CSS to your stylesheet to make this happen. Note that you may need to adjust the position values to make it look just right with your selected WordPress theme:
/* make some room */
#registration_form {
position: relative;
padding-bottom: 200px
}
/* move recaptcha */
p.event_form_field,
#recaptcha_widget_div {
position: absolute;
left: 160px;
}
p.event_form_field {
bottom: 140px;
}
#recaptcha_widget_div {
bottom: 0px;
}
/* optional: move submit button */
p.event_form_submit {
position: absolute;
bottom: -120px;
}
|
|
Dieter Winckelmann
|
June 18, 2013 at 12:58 am
Hi Josh
Thanks for the reply – I am no web guru but I managed to understand and execute on your instructions – it has now placed the ReCaptcha form at the bottom of the form but it leaves the words “Anti-Spam Measure: Please enter the following phrase” hanging in mid-air at the place where the ReCatcha form would originally have been.
Can you help?
|
|
Dean
|
June 18, 2013 at 1:29 am
Hi,
The title can be moved, but unfortunately you would have to edit one of the files in order to do so, to either add a CSS class to the title or perhaps just to remove the title directly.
If you are interested in doing so you can copy the event-espresso/templates/registration_page.php and regisdtration_page_display.php over to wp-content/uploads/espresso/templates.
There edit the registration_page_display.php file and look for the following code:
<p class="event_form_field" id="captcha-<?php echo $event_id; ?>">
<?php _e('Anti-Spam Measure: Please enter the following phrase', 'event_espresso'); ?>
<?php echo recaptcha_get_html($org_options['recaptcha_publickey'], $error, is_ssl() ? true : false); ?>
</p>
Either change the first line to read something like
<p class="event_form_field my_recaptcha" id="captcha-<?php echo $event_id; ?>">
And then add the following CSS
.my_recaptcha {
display: none; /* this will hide it */
bottom: -120px; /* this will move it down */
}
OR
Remove this line to remove the title altogether:
<?php _e('Anti-Spam Measure: Please enter the following phrase', 'event_espresso'); ?>
Note that when you copy a file to the uploads/espresso area, it will not get over written on updates, however updates may mean you have to change the file slightly if we make any changes to it.
I will add a ticket to get a class added to that title to make this much easier in the future.
|
|
Dieter Winckelmann
|
June 18, 2013 at 1:35 am
I will add a ticket to get a class added to that title to make this much easier in the future. – Now that sounds like an excellent idea Dean.
As I said I am no web guru and all that code just made me see cross-eyed. I think I will revert the changes to the .css file that Josh suggested earlier and deactivate ReCaptcha for now.
Not my ideal, but when it gets past “point and click” its a little too bothersome for non-technical people such as myself.
Thanks for your help – I hope the update won’t be long in the making, I cannot believe I’m the only user with this frustration.
|
|
Dean
|
June 18, 2013 at 1:54 am
Hi,
Yes sorry about that, I tried to make it as simple as I could, but once you get past basic CSS it can become a little complicated.
|
