Line break in Event Descrition

[Stefan Krueger]

Hi,

I added a custom field in the box with the event details , which is called “Facebook Event Link” – we post links to our participants event on facebook there. These links are a little to long for the box as you can see here:
http://www.berlinbeerweek.com/?tribe_events=art-craft-street-art-etikettendesign-workshop&lang=en
How can I force a line break for that field, so it looks like the webseite link ?

Thanks

[George]

Hey @Stefan,

Thanks for reaching out!

There are, unfortunately, limited possibilities for fixing the display of that link. One thing that might help is to increase the width of the Organizer column and the “Other” column both, so that they are stacked atop each other on the right said of the details box, thus giving the Facebook links enough room to be fully expanded.

Here’s how that would look:

☝️ To do this, you’d just need to add CSS like the following to the bottom of your theme’s style.css file:


body.single-tribe_events .tribe-events-meta-group.tribe-events-meta-group-other
body.single-tribe_events .tribe-events-meta-group.tribe-events-meta-group-organizer {
width: 50% !important
}


I hope this helps!
George

[Stefan Krueger]

Hm, interesting.
I put your code into the style.css and for some reason it doesn’t do anything, but I noticed that in Mozilla the line break is done naturally, while Chrome and Internet Explorer don’t do it. (Even with your code)
Any ideas ?

[George]

Hey @Stefan,

I’m sorry that the CSS didn’t seem to improve anything.

In Chrome, I see this happening to that link:

☝️ Is that what you want to happen in all browsers?

Thank you!
George

[Stefan Krueger]

No, it actually should break, like it does in Mozilla.

[George]

Thank you for clarifying!

Does anything improve if you add the following line of CSS to the bottom of your theme’s style.css file instead of what I recommended above?


dd.tribe-meta-value a {
word-wrap: break-word !important;
}


Thanks!
George

[Stefan Krueger]

Yes, it does.

Thanks a lot !

[George]

Nice! 😀

— George

[Author]

Posts