Price not displaying properly after update

[Dylan]

Hello. I just updated The Events Calendar to version 4.2.4 on three sites I manage. Two of these are using Event Tickets Plus, and I also updated those.

The price is not displaying properly on the two sites with Events Tickets. There used to be a pipe symbol between the event date and price. That symbol is now gone and the date is running into the price. The site without event tickets has the price on a third line under the date. See screenshots.

I prefer the price and date all on one line with the pipe symbol between. Is it possible to get this back, or otherwise fix the date and price fields that are now running together?

Thanks,
Celeste

[Nico]

Hi there Celeste,

Thanks for getting in touch with us! I’ll help you here…

This was a change introduced in the last update indeed, but I can craft a snippet to get the pipe back if you prefer to display it like that.

Regarding site 1, the solution will probably need some CSS as well. Can you please send me the URLs to view the events you sent screenshots for?

Add this snippet to your theme’s (or child theme’s) functions.php file:

/* Add back the pipe divider to cost in single event views */
function tribe_add_pipe_to_cost ( $cost, $post_id, $with_currency_symbol ) {

// bail if not single event view
if ( !is_single( $post_id ) ) return $cost;

return ' | ' . $cost;
}
add_filter('tribe_get_cost', 'tribe_add_pipe_to_cost', 10, 3);


Please let me know about the URLs so I can make the cost show in the same line as well,
Best,
Nico

[Dylan]

This reply is private.

[Nico]

Thanks for following Heather! Good call to pass along the site in a private reply 😉

The snippet below will the get price in the same line:

.tribe-events-schedule h2 {
display: inline-block;
}


And to give the same style to the cost:

.tribe-events-schedule .tribe-events-cost {
color: #18398a;
display: inline-block;
font-family: Montserrat;
font-size: 33px !important;
font-style: normal;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
vertical-align: top !important;
line-height: 42.9px;
}


Hope that helps,
Best,
Nico

[Dylan]

This is great. Thanks so much for your help!

[Nico]

You are welcome Celeste! I’m glad to be of service 🙂

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