Talks system: multi-column layout a bit wonky

[koalie]

The multi-column layout doesn’t work well in case the event has a long name because of the long URL, e.g. the entry for global accessibility awareness day gaad (see screenshot at bottom).

In comparison, the entry for webvr panel works slightly better.

The friend of mine who reported this suggested that instead of

<a href="https://www.eventbrite.com/e/siteimprove-invites-you-global-accessibility-awareness-day-guest-speaker-sir-tim-berners-lee-tickets-33304300058"   
target="_self">https://www.eventbrite.com/e/siteimprove-invites-you-global-accessibility-awareness-day-guest-speaker-sir-tim-berners-lee-tickets-33304300058</a>

A possible fix could be:

<a href="https://www.eventbrite.com/e/siteimprove-invites-you-global-accessibility-awareness-day-guest-speaker-sir-tim-berners-lee-tickets-33304300058" target="_self">EventBrite</a>

But I don’t know how wordpress generates that bit and whether the in-your-face URLs can be avoided at all.

[tripu]

[Edited to improve formatting of HTML chunks.]

[tripu]

I don't quite like the idea of not showing the URL, but there are times when long URLs are unmanageable.

I'll see if we can trim long URLs down to the domain name, and (perhaps) show the complete URL as a tooltip.

[tripu]

(Fixed by adding

.tribe-events-event-url {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

to /wp-content/themes/w3cblog-child/style.css)