Single Event View Date Runs off Page

[Jessica Hanson]

When viewing an event on its single event view page, the date when it spans two dates, is extremely long and when the browser is shortened width-wise the date runs off the page. Is there any way to have it automatically break to a new line?

[Cliff]

Hi Jessica. Could you please provide me a link to view this issue?

Also, what browser are you using for that screenshot?

I look forward to hearing back from you.

Thanks.

[Jessica Hanson]

Yes, here is the link: http://www.mingei.org/test/trunk-show/

And I am using Chrome in the screenshot, however it also occurs in Safari and Firefox. It is at the window width of 789px that I see this happen.

Thanks!

[Cliff]

This is due to your theme… but maybe this CSS will help:

body.events-single span.date-end {
display: block;
}

You can add custom CSS code via your child theme’s style.css file or via a plugin like Simple Custom CSS or, my favorite, Jetpack. Jetpack supports regular CSS and the LESS and Sass pre-processors.

Let me know how it goes.

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts