iframe Height for Ticketing Widget

[Troy]

Great plugin by the way.

Is it possible to control the height of the Eventbrite iframe that displays the tickets on the front end?

Keep up the great work.

[Rob]

Hey there Troy. While I believe this is doable I’m not well-versed enough in how; so, I’ve asked our dev Jonah (far more knowledgeable on such issues than myself) to take a look and respond when he hits the forums this morning. Stay tuned and thanks for your support so far.

[Jonah]

Hi Troy,

Of course! You can easily modify this with CSS like so:

.eventbrite-ticket-embed iframe {
height: 200px;
}


You can add that to your themes style.css, the events.css (make a copy of the file in /wp-content/plugins/the-events-calendar/resources/events.css and place in an ‘events’ folder in your theme) or tribe-events-community.css (make a copy of the file in /wp-content/plugins/the-events-calendar-community-events/resources/tribe-events-community.css and place in an ‘events/community/’ folder in your theme)

I hope that helps but let me know if you need any other help with this!

Cheers,
Jonah

[Troy]

Hey thanks Jonah. What I was hoping to do was change the height of each iframe depending on the event without having to touch the css for each page. Some will have one ticket option, some will have many.

Any ideas?

[Jonah]

Hey Troy,

Sure, you could simply add in the dynamic body class for the specific post ID like so:

.postid-370 .eventbrite-ticket-embed iframe {
height: 200px;
}

.postid-371 .eventbrite-ticket-embed iframe {
height: 300px;
}

.postid-372 .eventbrite-ticket-embed iframe {
height: 400px;
}

…and so on. Not the most elegant solution but that’s the only way I can think of to be able to specifically set the height of the frame on each event.

I hope that helps!

– Jonah

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts