single entry for single day events

Hello,

Did you see:

https://www.jevents.net/frequently-asked-questions/custom-format-strings

try:
${startDate(%A %B %e)}[!a:, ${startDate(%l:%M %p)} - ${endDate(%l:%M %p)}][a: - All Day]

Hi TonyP,

Yes, I did see that link and tried the option you mentioned. that does not give me the muliti day events.(jan 23 - jan 25). it just gives the start date and time again. so i have the time twice. I just need the date range which the code i'm using does.

${startDate(%A %B %e)}, ${endDate(%A %B %e)}

however, for singe day events, i get the date twice. (see screenshot from previous post). new screenshot attached showing the method you sent...

So as per the conditional fields of that article linked did you try using the m condition?

${startDate(%A %B %e)}, ${endDate(%A %B %e)}

to

${startDate(%A %B %e)}, [m:, ${endDate(%A %B %e)}]

That should only show the end DATE on multiday events.

Many thanks
Tony

so that fixes the dates. thanks. however, now the formatting is off. screenshot attached. please advise.

Hello,

Did you resolve your issue? Looking good here?

Many thanks
Tony

Hi Tony, no, not resolved. the dates are now right but the formatting of the events is now wrong. line wraps and such. I attached a screenshot to my previous post.

I can't see that? But it looks like an issue with your template and line-height. Is that on a different page to what you showed?

What browser are you using?

page is here. https://eventmanagersllc.com/
all browsers have exact same issue. chrome, firefox, edge, IE

The issue is the span tags you are using. You have put the code inside the icons which is wrong i.e.:

<span class="icon-calendar">Monday January 29</span>

should be:

<span class="icon-calendar"></span> Monday January 29

Many thanks
Tony