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

Abdi Jibril

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

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

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

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

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

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