Home Forums Event Espresso Premium Payment options buttons / visual aspect

Payment options buttons / visual aspect

Posted: January 7, 2013 at 2:05 pm

Amy Swift

January 7, 2013 at 2:05 pm


I have both a credit card and paypal payment options set up in ee.

It shows first the credit card with all the fields open and below it says “Choose a different payment option” and that line looks a like and behaves like a link, but does not link anywhere. under it is the button for paypal.

Now I remember the first time I set up ee on a test site lately, it showed instead of this entire page, just said “Choose a payment option:” and under that was 2 big rectangle buttons, one for credit cards and the other for paypal, and only clicking one of them would either open up the credit card form or go to paypal.

I’m pretty sure I didn’t imagine this, but I can’t for the life of me find this again or any way to set that up.

So was/is there such an option (which looks much much cleaner), OR how to i made the 2nd title of “different payment options” not a link type of line?


Jonathan Wilson

January 7, 2013 at 2:22 pm

Hi Amy,

You weren’t imagining. We did recently update to the rectangles as you explained.

You may have outdated template files in the wp-content/uploads/espresso/templates directory. You can test this by clicking the “Rename Templates Directory” button in Event Espresso > Template Settings. This can be undone via FTP is there is a problem.

You can start with fresh templates from the newer version. If you have made modifications to the earlier versions templates, you can copy the modifications into the newer versions templates. When youre finished, you can copy the modified files into /wp-content/uploads/espresso/templates.

If you havent made any customizations, and youre simply trying to update to the new version of Event Espresso, you can remove the templates from /wp-content/uploads/espresso/templates using FTP or your hosts control panel file manager.
Please see this article in the documentation for more info:


  • Support Staff

January 7, 2013 at 2:23 pm

Hi there,

The payment option buttons were added in Event Espresso 3.1.28. If you’re on an older version, or have an older version of the gateway_display.php file in /wp-content/uploads/espresso/gateways, these will need to be updated in order to get the new feature.

Amy Swift

January 7, 2013 at 4:06 pm

I have the latest version installed but the only 3 files in my custom templates folder are:


I don’t think any of these 3 effect the payment page, do they? which file is the one in charge of it?


  • Support Staff

January 7, 2013 at 4:41 pm

The file to look for will be in /wp-content/uploads/espresso/gateways and is named gateway_display.php

Amy Swift

January 7, 2013 at 4:47 pm

my gateways folder in the uploads/espresso forlder is empty. and this file in it’s original place under the plugins folder is up to date. what else can it be?


  • Support Staff

January 7, 2013 at 5:04 pm

It can also be a JavaScript error caused by either the theme or another plugin. Can you check the payment page with Firebug or the Web inspector for JavaScript errors?

Amy Swift

January 7, 2013 at 5:20 pm

It shows the following errors, not sure where to begin with it:

Anything stands out as the likely culprit?


  • Support Staff

January 8, 2013 at 10:38 am

Hi there,

It looks like the theme is loading up a second, older copy of the jQuery library.

In addition to that, there are two scripts from the theme that are attempting to load, but they are dead links:

I recommend contacting the developer of the theme for assistance with fixing these.

Amy Swift

January 8, 2013 at 4:56 pm

Ok I cleared most errors till it seemed the js error is coming from this plugin:
I’m not exactly sure how to solve this.

However, even when I disabled this plugin, the payment options didn’t appear as I remembered exactly with the 2 boxes, they still appear as the cards and paypal button, although now the credit card one opens if clicked.

But it looks like this:
This still looks messy and not as I remember it.

Please advise

Amy Swift

January 8, 2013 at 5:13 pm

Ok i solved completely the jquery error, it was a settings in the UI Tabs plugin.

so to the last issue, how do I make it look like the 2 big buttons layout?

Chris Reynolds

  • Support Staff

January 9, 2013 at 12:21 pm


so to the last issue, how do I make it look like the 2 big buttons layout?

I would need to look at the CSS on the actual site to have any idea of what to suggest. It looks like our CSS is being overridden by your theme.

Amy Swift

January 9, 2013 at 3:17 pm

Well only some of it, but the current credit card icons and paypal buttons wouldn’t even show at all if the css was overridden.

And I couldn’t find any demo site for ee so I couldn’t compare. do you have one?

You can look at the site here if you haven’t already.

How do I proceed from here?


  • Support Staff

January 9, 2013 at 8:26 pm

In this case, the espresso_default.css stylesheet isn’t being loaded at all on your site. You could try copying all or just the relevant contents from that stylesheet into your theme’s stylesheet.

You can find the espresso_default.css stylesheet in the Event Espresso plugins /templates/css directory

Amy Swift

January 10, 2013 at 11:33 am

You are right, this css file wasn’t called out, even after adding it to uplaods templates/css folder as well.

I added the css itself in my stylesheet and this solved it.

Thank you!

The support post ‘Payment options buttons / visual aspect’ 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