Adding a line break before the event time.

[Deborah Jackson]

is there a way to have the start and end times for an event on the same line in the Events List widget?

Client seems to think it would look better. We did use some CSS to increase the font sizes, but even at default sizes the two time are not on the same line.

Please see the widget in the footer at: http://gardrolma.org

Thanks! Love your plugin.

[Geoff]

Howdy Deborah,

I’d love to help with this! However, I was unable to access the site for some reason — I’m getting some sort of SSL error when visiting. Is the site perhaps down or are you able to provide me with an alternate way to check it out?

My hunch is that there is a slight theme styling conflict where the spans that wrap the start and end time are being forced onto separate lines because the times do show on the same line for me on my test site (screenshot). I might be able to write a CSS snippet for you if I can see the site.

Cheers!
Geoff

[Deborah Jackson]

Site was going live … try https://gardrolma.org

Thanks!

[Geoff]

Thanks for the link!

Try adding this to your theme’s style.css file:

#top .tribe-events-adv-list-widget span {
display: inline !important;
}

That will ensure that the times display on the same line. However, the font size if the times is still large enough to where the times go into a second line, so you might want to change that to something smaller as well. Not sure if this will do the trick, but you might have to play with it a bit to get the right CSS class and size to work with your theme:

#top .tribe-events-adv-list-widget .tribe-events-duration span {
font-size: 10px !important;
}

Cheers!
Geoff

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts