Adjusting column width sizes

[da8iwr]

Hi guys, sorry for asking noob questions.
On an event page, is there a way of changing the column width of the title of the ticket. It is very small and i would rather lose a bit of the description column than the ticket title.

Many thanks
Ian

[Andras]

Hi Ian,

That should be possible with some css tweaking. If you can share with me a url where this is visible I can try to help you out.

Or the other option is to create a template override and remove the description column altogether.

Let me know.

Cheers,
Andras

[da8iwr]

This reply is private.

[da8iwr]

Thanks Andras, I have added a private link to the site.
Many thanks mate
Ian

[Andras]

Hey Ian,

You can try this little css snippet, copy it into your child theme’s style.css file or add it wherever you usually add css declarations:

.tribe-events-tickets .tickets_name {
width: 25%;
}

You can of course adjust the value according to your needs. You can use percentage like above, or pixels like width: 250px

Percentage will be always based on the full table width. Pixels are a set value so the column will stay the same width on all screen sizes.

If you use pixels, then it might make sense to add different values to different screen sizes with media queries to adjust for the different screens.

Hope this does the trick.

Cheers,
Andras

[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