Align additional ticket fields horizontally

[salilou]

Hi,
I would like to align the additional ticket fields horizontally instead of vertically.
Is there an easy CSS way to do that?
Thank you!

[Victor]

Hi Hannes!

Thanks for reaching out! Let me try to help you with this.

It may depend on your theme styles, but you could achieve that with some custom CSS. You can learn more about how to add custom styles in our themer’s guide > https://theeventscalendar.com/knowledgebase/themers-guide/. You can also use the WordPress customizer to add CSS.

To get you started, try adding the following CSS styles:

.tribe-tickets-meta {
float: left;
}

I hope that helps! 🙂 Let me know if any follow up questions.

Best,
Victor

[salilou]

Thank you very much, this works.
But when I add a second ticket the fields for attendee 2 are shown inline, but they should appear in a new line.
How is that possible?

[Victor]

Hi Hannes!

You are right. Try also adding the following styles:

.tribe-event-tickets-plus-meta-attendee:last-child {
clear: both;
}

Let me know if it works for you.

Best,
Victor

 

[salilou]

Yess! Thank you! 🙂

[salilou]

Its done.

[Victor]

Hi Hannes!

Glad to know that works for you. Thanks for letting me know about it.

I’ll close this thread now, but feel free to open a new topic if anything comes up and we’ll be happy to help. 🙂

Cheers,
Victor

[Author]

Posts