Support

Home Forums Event Espresso Premium Changing buttons and skipping a step

Changing buttons and skipping a step

Posted: October 13, 2016 at 1:07 pm

Viewing 3 reply threads


imaginarium

October 13, 2016 at 1:07 pm

Is there a way to edit the following buttons to make them larger or replace these buttons.

REGISTER NOW”
“PROCEED TO PAYMENT OPTIONS”
“SUBMIT PROMOTION CODE”

On the third page, the “BUY NOW” button doesn’t have much use other than to prompt people to the “PROCEED TO FINAL REGISTRATION” button on the bottom of the page. Could you have the “BUY NOW” button as the button that takes the attendee to the next page, instead of the “PROCEED TO FINAL REGISTRATION” button?

If that is not possible, can you delete the “BUY NOW” button? We really only need one of the buttons, not both.

On the third page, IF the “PROCEED TO FINAL REGISTRATION” button is necessary, can you please make that button larger and a different color (blue like our website would be preferred)?


Josh

  • Support Staff

October 13, 2016 at 2:13 pm

You can make any of the buttons bigger by applying some CSS to your website (and even change the colors of them!). If you can post a link to your website, we can put together some sample CSS for you that you can add to the CSS editor on your site.


imaginarium

October 14, 2016 at 8:05 am

http://tickets.imaginariumagency.org/events/indiana-comic-con-2017/


Josh

  • Support Staff

October 14, 2016 at 9:02 am

Here is some sample CSS you can add to a custom stylesheet. If you do not have a custom stylesheet, you can install the Reaktiv CSS Builder plugin and it will add a CSS editor to your WordPress > Appearance menu.

/* add some style to the buttons */
.ticket-selector-submit-btn,
.spco-next-step-btn {
   border:none;
   background-color: #ec6a00;
   padding: 10px 20px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 16px;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
}

/* make finalize button blue */
#spco-go-to-step-finalize_registration-submit {
  background-color: #036ea6;
}

/* hide buy now button */

#spco-payment-method-mijireh-btn-img {
  display: none;
}
Viewing 3 reply threads

The support post ‘Changing buttons and skipping a step’ 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