Event Tickets Plus Quantity Selector CSS overflow with Avada

[Deb Giffin]

Greetings! I currently am using Avada theme v5.6.2 with Events Calendar v4.8, Event Tickets Plus v4.8, and WooCommerce v3.4.5 and I am seeing a ticket quantity selector CSS problem (the selector is overflowing its text box). I have removed all custom CSS options and have flushed the site cache. I have also disabled all plugins except for the Avada core plugins and related Events Calendar plugins for the attached screenshot, although I must reenable on the site for production.

Do you have any guidance for me on what may be the issue. I recognize that this could be a problem with either Avada or WooCommerce, as well. Thank you for any guidance you may provide!

[Deb Giffin]

After some heavy googling, I came across another ticket with some CSS that I was able to tweak a bit. I’m not sure how this is going to render across other device types (it worked for PC), but it’s getting there.

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

I’d like to figure out a way to reduce all that extra space padding in the quantity selector boxes (to leave more room in the row for description text), but I’m happy for now. See pic for end result.

Posting this for others to reference!

Thank you.

[Brendan]

Hi there,

Thanks for emailing support and posting the solution to your issue.

Let us know if you have any other questions.

Cheers,

Brendan

[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