Support

Home Forums Event Espresso Premium Customize Promo Code Input Area on Checkout Page

Customize Promo Code Input Area on Checkout Page

Posted: March 9, 2023 at 2:50 pm

Viewing 5 reply threads


dhankel

March 9, 2023 at 2:50 pm

Is there a way to make the promo code input box or button stand out a bit more on the checkout page? Specifically adding a color to the input field?
https://share.getcloudapp.com/xQuRv2lW


Tony

  • Support Staff

March 10, 2023 at 5:39 am

Hi there,

Sure, you can add some additional styles to the site for this:

#ee-spco-payment_options-reg-step-form-payment-options-before-payment-options #ee-promotion-code-input {
    background: red;
}

I’ve used red as it is easy to spot if the styles are working but you can use whatever value you prefer there.

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


dhankel

March 10, 2023 at 12:42 pm

Works like a charm. Thank you. Do you have a trick to override the Submit Promotions Code button color?

https://share.getcloudapp.com/xQuR0Yme


Tony

  • Support Staff

March 10, 2023 at 2:09 pm

Sure:


#ee-spco-payment_options-reg-step-form-payment-options-before-payment-options .ee-promo-combo-submit {
    background: red;
}


dhankel

March 10, 2023 at 4:04 pm

Thank you!


Tony

  • Support Staff

March 12, 2023 at 4:59 pm

You’re most welcome

Viewing 5 reply threads

The support post ‘Customize Promo Code Input Area on Checkout Page’ 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