Hello Javier

If I understood you correctly, you want to add a coupon to all events, but one?

If that is true, you can choose which events will be affected by the coupon when you're creating it. 

Hi again Javier

You can do it with CSS, sure.

I can't provide the CSS without taking a look at the page where the events are, though.

What you can do is right-click on the option, and inspect the page. There, once you find the selector that highlights the entire row where the coupon should be added right-click again/copy/copy selector.

Then paste that selector, and add "display: none !important" - that's it.

Thanks Javier.

You can use this CSS:

#am-confirm-booking > div:nth-child(1) > form > div:nth-child(3) > div > div > div.am-add-coupon.am-flex-row-middle-align.el-row {
display: none !important;
}

And the form will look like this:

You're welcome Javier

It just so happens that I provided a custom JavaScript to another user with the similar request earlier today

You can add it to the page where your booking form is:

<script>
window.beforeConfirmBookingLoaded = function () {
    jQuery('.am-add-coupon-field input').attr('placeholder', "Please validate your coupon ->")
}
</script>

And it will look like this:

I hope that helps.

Hi again Javier

That's easy. You can simply add this CSS:

.el-icon-check:before {
content: "Apply coupon" !important;
}

And it will look like this:

This is actually in combination with the placeholder, so you can choose if you want to combine them, or use only the "Apply coupon".