Fixing Column Width on Tickets

[Jeff Guyett]

I managed to move the tickets form from the side bar into the main content area under the event description using code from this support site (thanks!) but I am still getting some wonky looking column style issues. Any suggestions on where/how I can access and change the look of these columns or any code snippets you can provide to fix the issue?

Thanks!

[Geoff B.]

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

Thank you for reaching out to us.

We are sorry to hear about the column width not looking great on your website.
I would love to help you with this topic.

The simplest approach to solving things would be through CSS.
For example, updating the following rule would at least make things look better (especially the ticket number filed)

.tribe-events-tickets tr .tribe-ticket, .tribe-events-tickets tr .tickets_name, .tribe-events-tickets tr .tickets_description {
width: auto;
}

The different cells that can be styled here are:

1. #tribe-events .tribe-events-tickets .woocommerce
2. .tribe-events-tickets tr .tickets_name
3. .tribe-events-tickets .tickets_price
4. .tribe-events-tickets .tickets_price

Let me know if that helps.

Have a great day!

Geoff B.

[Jeff Guyett]

Changed the width to “auto” in that section and it worked great!! Thanks for the quick response!

[Geoff B.]

Good afternoon Jeff,

Thank you for writing back.
I’m stoked that this solved your issue!

You are welcome back on our support forums any time 🙂

For now, I am going to close this thread.

Have a great weekend!

Geoff B.

[Author]

Posts