Home Forums Event Espresso Premium Remove "pay now" step in "Secure Payment" check out

Remove "pay now" step in "Secure Payment" check out

Posted: May 15, 2020 at 2:35 am


May 15, 2020 at 2:35 am

Currently we have two payment options, “Invoice” & “Secure Payment methods”. If a user selects the “Secure Payment method” a message appears saying “Pay Now” – can we remove this step and go straight to the card details pop up?


  • Support Staff

May 15, 2020 at 6:06 am

Hi there,

We don’t have a ‘Secure Payment methods’ payment method within Event Espresso, that’s likely another payment method that has been renamed in the admin.

Can you link me to an event I can view this?

I suspect it’s Stripe and if that’s the case, the Pay Now button can not be removed is using Stripe Checkout, but you could switch to Stripe elements which is a different type of integration with no popup.


May 15, 2020 at 9:50 am

Thanks Tony – you are correct, we have renamed it. It sounds like we will need to investigate Stripe elements. How easy is it switch?


  • Support Staff

May 15, 2020 at 9:57 am

It’s as easy as switching a dropdown element 🙂

Event Espresso -> Payment methods -> Stripe -> Integration Type*

Select ‘Stripe Elements’ and save. Note that you may (usually not) need to reconnect your Stripe account onto the site after switching, you just click disconnect, wait a few seconds, click connect and follow the instructions to sign in with your Stripe account again.


May 18, 2020 at 8:02 am

Thank you – that was very easy! Just one more question. Is it possible to remove / change the colours of the registration field border. Currently it’s green when the data is correct and we’d like to change this to our brand colours.

Thanks in advance.


  • Support Staff

May 18, 2020 at 9:18 am

You’ll need some CSS like this:

#ee-single-page-checkout-dv .ee-has-value, #ee-single-page-checkout-dv .ee-has-value:focus {
    border-color: rgb(204, 126, 80) !important;

Add that to Appearance -> Customize -> Additional CSS and change the colour to suit.


May 19, 2020 at 3:08 am

This reply has been marked as private.


  • Support Staff

May 19, 2020 at 5:25 am

You have a lot of parse errors in your custom CSS, the main one (which is likely causing the above not to apply) is using the selector:


the " isn’t valid and needs to be removed.

However, you have that selector twice and it looks like a big block of duplicated CSS styles, you’ll need to fix the custom styles on the site to fix any additional CSS.


May 19, 2020 at 12:33 pm

This reply has been marked as private.


  • Support Staff

May 19, 2020 at 3:02 pm

No problem, fixing that CSS should fix it.

Once you hit the above selector anything after it will be ignored until you hit the next instance of it.

You must be logged in to reply to this support post. Sign In or Register for an Account

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3 Documentation for Event Espresso 4

Status: publish

Updated by  Tony 5 months, 1 week ago ago

Topic Tags


This topic is: resolved
Do NOT follow this link or you will be banned from the site!
[gravityform id=80 title=false description=false ajax=false]
<div class='gf_browser_unknown gform_wrapper' id='gform_wrapper_80' ><form method='post' enctype='multipart/form-data' id='gform_80' action='/topic/remove-pay-now-step-in-secure-payment-check-out/'> <div class='gform_body'><ul id='gform_fields_80' class='gform_fields top_label form_sublabel_below description_below'><li id='field_80_1' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_1' >First name<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_80_1' type='text' value='' class='medium' aria-required="true" aria-invalid="false" /></div></li><li id='field_80_2' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_2' >Email address<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_email'> <input name='input_2' id='input_80_2' type='email' value='' class='medium' aria-required="true" aria-invalid="false" /> </div></li><li id='field_80_3' class='gfield gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' >GDPR Agreement<span class='gfield_required'>*</span></label><div class='ginput_container ginput_container_checkbox'><ul class='gfield_checkbox' id='input_80_3'><li class='gchoice_80_3_1'> <input name='input_3.1' type='checkbox' value='I consent to have this website store my submitted information so they can respond to my inquiry.' id='choice_80_3_1' /> <label for='choice_80_3_1' id='label_80_3_1'>I consent to have this website store my submitted information so they can respond to my inquiry.</label> </li></ul></div></li><li id='field_80_4' class='gfield gform_validation_container field_sublabel_below field_description_below gfield_visibility_visible' ><label class='gfield_label' for='input_80_4' >Comments</label><div class='ginput_container'><input name='input_4' id='input_80_4' type='text' value='' autocomplete='off'/></div><div class='gfield_description' id='gfield_description_80_4'>This field is for validation purposes and should be left unchanged.</div></li> </ul></div> <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_80' class='gform_button button' value='Download Now' onclick='if(window["gf_submitting_80"]){return false;} if( !jQuery("#gform_80")[0].checkValidity || jQuery("#gform_80")[0].checkValidity()){window["gf_submitting_80"]=true;} ' onkeypress='if( event.keyCode == 13 ){ if(window["gf_submitting_80"]){return false;} if( !jQuery("#gform_80")[0].checkValidity || jQuery("#gform_80")[0].checkValidity()){window["gf_submitting_80"]=true;} jQuery("#gform_80").trigger("submit",[true]); }' /> <input type='hidden' class='gform_hidden' name='is_submit_80' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='80' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_80' value='WyJbXSIsIjBiNjdjZjkyMDUzOWUxOWY5Y2NiZjIwMzM4YjA1Mjk4Il0=' /> <input type='hidden' class='gform_hidden' name='gform_target_page_number_80' id='gform_target_page_number_80' value='0' /> <input type='hidden' class='gform_hidden' name='gform_source_page_number_80' id='gform_source_page_number_80' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> </form> </div><script type='text/javascript'> jQuery(document).bind('gform_post_render', function(event, formId, currentPage){if(formId == 80) {} } );jQuery(document).bind('gform_post_conditional_logic', function(event, formId, fields, isInit){} );</script><script type='text/javascript'> jQuery(document).ready(function(){jQuery(document).trigger('gform_post_render', [80, 1]) } ); </script>