ticket quantity selector broken

[Andrew]

The ticket quantity selector on our page looks jumbled and isn’t working properly. See attached screenshot.

[Geoff B.]

Good evening Andrew and welcome to the Events Calendar Support forum!

Thank you for reaching out to us.

We are sorry to hear about the quantity selector acting up on your website.
I would love to help you with this topic.

As a first troubleshooting step, could you please provide us with your complete system information in a private reply using the instructions found in the following link?

https://theeventscalendar.com/knowledgebase/sharing-sys-info/

At first glance, this looks like a CSS issue.
Could you please provide me with an URL where there is such a ticket ?

Hang in there!

Geoff B.

[Andrew]

Thanks Geoff. I’ve enabled the share system info option in the plugin settings. Here’s the URL to a page with a ticket: https://eqdevgroup.com/mceq360/

[Geoff B.]

Good afternoon Andrew,

Thank you for the reply and the info.

As I suspected, this is a combination of things (all CSS):

1. The width of the quantity div
2. The background color
3. The CSS rules for the quantity elements.

In the end there are many solutions, but here is one using a few CSS rules.
You might want to tweak it.

Try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

.tribe-tickets-form-row .screen-reader-text {display: none !important}

.woocommerce .quantity .minus, .woocommerce .quantity .plus {
width: 28px !important;
color: #000 !important;
}

Let me know how that goes.

Best regards,
Geoff B.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts