Hide event date/time/location Info. at the top after closed

Abdi Jibril · October 2018

Hi All,

We have popular event that is closed, but we like to keep it up so people can (a) make a donation (b) continue to sponsor next year (c) see next year's event info. However, we want to hide Event Date/Time/Location. I have basic to intermediate in CSS/HTML, but was not able to figure out specific class/ID/div tag to HIDE. Here is the event URL:
http://foundation.parknicollet.com/gala

Philip Nawrocki · October 2018

Hi Abdillahi,

When I click on the link you provided it goes to a 404 page.
http://foundation.parknicollet.com/site/PageServer?pagename=page_not_found

Can you turn the event back on so we can see it?

Thanks,

Phil

Abdi Jibril · October 2018

Philip Nawrocki:

Hi Abdillahi,

When I click on the link you provided it goes to a 404 page.
http://foundation.parknicollet.com/site/PageServer?pagename=page_not_found

Can you turn the event back on so we can see it?

Thanks,

Phil

Not sure why it Friendly URL did not work. Here is the
http://foundation.parknicollet.com/site/Calendar?view=Detail&id=100501

Philip Nawrocki · October 2018

Thanks!

You are looking for this class: div.lo-CalendarDateInfoContainer

I did display: none; on it and it worked.

Let us know how it goes.

Thanks,

Phil

Abdi Jibril · October 2018

Phil,

This works like a charm. I did placed it on the Event page, rather than the CustomStyle.css page. That way, it does not affect other events that are still open. Should that be okay? Or there is another best practice?

Thanks again, Phil.

Philip Nawrocki · October 2018

Yes, that is the way to do it since you only want to hide the event details for this one event. You want it on your other events.

Happy to help!

Phil

Hide event date/time/location Info. at the top after closed

Comments

Categories