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 2 months, 2 weeks ago ago

Topic Tags


This topic is: resolved
Do NOT follow this link or you will be banned from the site!