Event ticket going full screen

[Jeanne Nigro]

When adding a ticket to a page or post, the ticket row is going full width and too difficult to see or use. See screenshot. Is there a way to adjust the column width so this isnt so wide. Better yet, a shortcode I can add within a presized column.

[Nico]

Hi there Jeanne,

Thanks for getting in touch with us! Sorry to hear about this glitch, but I’m sure we can find a solution for it.

Unfortunately there’s no shortcode to get the tickets form to display in a particular place. So first I’ll try to fix this with a CSS snippet, if that’s not possible then I’ll explore other options.

Can you please send me over the URL where I can see this? I inspected your site but couldn’t find the page with the tickets form.

Thanks,
Nico

[Jeanne Nigro]

I’ve added a ticket to this page

https://jeannenigro.com/unshaken-launch-celebration-teaching/

[Jeanne Nigro]

Any updates? We have an event starting that we need to sell tickets for and this solution is currently not usable. We may need to get a refund on this plugin add on.

[Nico]

Thanks for following up Jeanne!

Hopefully the solution for this is fairly simple. Adding the class et_pb_row to the tickets form makes it fit in the same with as the container above. This can be done via JavaScript (insert the class one the page loads) or by modifying the markup of the form by creating a template override. To decide which solution is best for the site I would like to know if you are using tickets in other places and if so which post types are the tickets in (events, pages, posts, etc?).

Please let me know about it and I’ll send instructions to fix this,
Best,
Nico

[Jeanne Nigro]

We are using tickets on the events pages as well as posts and pages. Example, https://jeannenigro.com/event/unshaken-launch-celebration-teaching/

[Jeanne Nigro]

? Five days since purchasing this plugin and it still unusable.

[Nico]

Hey Jeanne,

Sorry for the delay in my reply! I missed this thread on Friday, and as we do not work during the weekends, I’m getting it now.

Try pasting the code below in your theme’s (or child theme’s) functions.php file:

/* Tribe, adjust tickets form width in pages */
function tribe_page_tickets_adjustment() {
?>
<script type="text/javascript">
jQuery(document).ready( function ( ) {

if( jQuery('body.page form.cart').length ) {
jQuery('body.page form.cart').addClass('et_pb_row');
}

});
</script>
<?php
}
add_action('wp_footer', 'tribe_page_tickets_adjustment');


I tested in my local install and it’s working as expected. I also inspected your site and saw the same use of jQuery so I guess it should work there as well.

Please let me know about it,
Best,
Nico

[Jeanne Nigro]

This worked. Thanks Nico.

[Nico]

Stocked to hear Jeanne, thanks for the heads-up 🙂

I’ll go ahead and close out this thread, but if you need help with anything else please don’t hesitate to create a new one and we will be happy to assist you.

Best,
Nico

[Author]

Posts