Support

Home Forums Event Espresso Premium Espresso_checkout Edit

Espresso_checkout Edit

Posted: November 8, 2023 at 9:56 am


Chris Keller

November 8, 2023 at 9:56 am

I am trying to edit my Espresso_checkout page but I do not know how to access it. Can you please help me?


Garth

  • Support Staff

November 8, 2023 at 2:48 pm

What are you trying to edit?


Chris Keller

November 9, 2023 at 7:42 am

I want to make the “Proceed to Finalize Registration” button larger, and add text below “Method of Payment”


Tony

  • Support Staff

November 9, 2023 at 1:26 pm

I want to make the “Proceed to Finalize Registration” button larger

This you can do with CSS.

When you say make the button larger, how exactly?

Something like this:


.spco-next-step-btn {
    font-size: 28px;
    height: auto;
    background: var(--button_gradient_top_color);
    color: var(--button_accent_color);
    border-color: var(--button_border_color);
    font-weight: var(--button_typography-font-weight);
}

Will make the button show similar to the rest how inputs are displayed on the site.

and add text below “Method of Payment”

Can you add a screenshot showing what you want to add and the specific location? The reason being is you can add descriptions within the payment methods which may help here… or you can use a snippet to add some text.

Which is best depends on the specifics of what you want to add.


Chris Keller

November 10, 2023 at 7:26 am

I am not sure how to share a screenshot with you, can you tell me how?

On my Espresso_checkout page there is a button that says “Proceed to Finalize Registration”. It is very small and I want it to appear larger so the customer can read it more easily.

Also, I want to add text under “Method of Payment” explaining that credit card payments are available via the PayPal link.

Is this possible?


Tony

  • Support Staff

November 10, 2023 at 8:07 am

I am not sure how to share a screenshot with you, can you tell me how?

Sure: https://eventespresso.com/wiki/troubleshooting-checklist/#screenshots

On my Espresso_checkout page there is a button that says “Proceed to Finalize Registration”. It is very small and I want it to appear larger so the customer can read it more easily.

The CSS I gave you above should do that.

Add that to Appearance -> Customize -> Additional CSS.

Also, I want to add text under “Method of Payment” explaining that credit card payments are available via the PayPal link.

So that’s specific to the PayPal payment method.

Would it not be better adding it to the PayPal description text?

Event Espresso -> Payment methods -> Paypal.

Change the description from this:

“After clicking ‘Proceed to Finalize Registration’, you will be forwarded to PayPal’s website to pay by credit card or PayPal funds to complete your payment. You will then be redirected back to the ACUTE website to receive confirmation and your receipt.”

To include more details about paying with card.


Chris Keller

November 10, 2023 at 10:42 am

Thank you for the help. The Custom CSS worked.

Is there a way to alter the text for the “Method of Payment” heading or “Important Information Regarding Your Payment” heading? I would rather alter this than the description.


Tony

  • Support Staff

November 10, 2023 at 12:04 pm

Is there a way to alter the text for the “Method of Payment” heading

Sure, via a snippet:

https://gist.github.com/Pebblo/6b83db7cd7fb41aa363f7c973cf307bd

You can add that to a custom functions plugin, we have some documentation on creating one here:

https://eventespresso.com/wiki/create-site-specific-plugin-wordpress-site/

or “Important Information Regarding Your Payment” heading?

This one can be done but has to be done via ‘translation’, see:

https://eventespresso.com/wiki/how-to-translate-event-espresso/#translate-with-poedit

The support post ‘Espresso_checkout Edit’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso