Problem with display on main Event Details page

[hauntedrockford]

A recent upgrade introduced a problem with the display of my event. Please look at the attached screen capture, you can see the quantity number is not correct. This screenshot is from the main Events Details page.

I’ve used The Events Calendar Pro and Event Tickets Plus for a couple years with no problem. But a recent update has broken this. I have not added any new plugins, and I’m still using the same theme.

I’m currently running Events Tickets, Events Ticket Plus and The Events Calendar and The Events Calendar Pro, all version 4.4.2, running on WordPress 2.6.14.

Please help, this is causing usage problem for many event participants.

[Geoff B.]

Good evening Thomas and welcome back!

Thank you for reaching out to us.

We are sorry to hear about the buttons no longer displaying properly on your site.
I would love to help you with this topic.

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

.woocommerce .quantity .plus, .woocommerce-page .quantity .plus {
height: 30px;
position: relative;
}

Let me know if that helps.

Have a great day!

Geoff B.

[hauntedrockford]

I added this to my style.css, and it did not fix the problem.

Note that this is the only thing in my style.css.

Please continue to research this. We are an event company, and this is causing confusion and problems for our event participants

[Geoff B.]

Good evening Thomas,

I am sorry to hear that my suggestion did not help.

Here a few alternative rules (remove the previous one and use all of the following):

.tribe-events-style-full .tribe-events-tickets .woocommerce {
width: 15%;
}

.woocommerce .quantity, .woocommerce-page .quantity {
padding-right: 0px !important;
}

.tribe-events-style-full .woocommerce .quantity input {
height: 30px !important;
position: relative !important;
width: 30px !important;
float: left !important;
}

Let me know how that goes.

Best regards,
Geoff B.

[hauntedrockford]

Thank you, Geoff, those .css statements do help. Most importantly, this will be less confusing for our event participants. I’m not sure why, but we still have many folks who aren’t that experienced with online shopping.

Please look at the new screenshot attached here: Do you see how the frame or box around the + button is not properly closed on the bottom? This does not affect the functionality, but do you have any suggestions to make that look more like the – button?

Thanks!

[Geoff B.]

Good evening Thomas,

Here are two final pieces of CSS.

.woocommerce .quantity .plus, .woocommerce-page .quantity .plus {
border-bottom-width: 1px !important;
}

.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty {
border-right-width: 1px !important;
}

Best regards,

Geoff B.

[hauntedrockford]

Thanks for your help, you’ve been great.

I’m sorry, but those latest pieces didn’t change anything.

[Geoff B.]

Hello again Thomas,

I am sorry that last piece of CSS did not help.

How about this one ?
.tribe-events-style-full .woocommerce .quantity input {
border-bottom: 1px solid !important;
}

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