Move Event Details and Ticket to Above Single Page

[ocama]

Hello,
Is it possible to move the Ticket Type and Ordering from the bottom of the page to the top of the page? Also, it’s currently shown as a scrolling. Can we remove that and have it just static on our page?

[Barry]

Hi – some great questions there 🙂

We’ve actually got a tutorial that explains how to move the ticket form, please see here.

Also, it’s currently shown as a scrolling. Can we remove that and have it just static on our page?

There’s no particularly easy solution here – I’m afraid this is a limitation of eventbrite.com’s iframe-based approach to embedding tickets and so isn’t something we can easily change ourselves – though it’s certainly possible to tweak things. Essentially, you would have to decide upon the correct height for the ticket form and use that everywhere.

The problem of course is that one event might have a single ticket available whereas another could have 5 or even 20, so arriving at a height that works for all of them isn’t too easy – as you could end up with an unnecessarily tall ticket form in one case but one that isn’t tall enough (and so still has a scroll bar) in another.

If you happen to generally have the same number of tickets for each event, though, you could certainly use a bit of CSS to control the height:

.eventbrite-ticket-embed > iframe { height: 500px !important }

This could be added to a custom tribe-events/tribe-events.css stylesheet within your theme.

Does that help at all?

[Barry]

Hi! It’s been a while so I’m going to go ahead and close this thread. If we can help with anything else, though, please don’t hesitate to create new threads as needed. Thanks!

[Author]

Posts