|
Jason Keller
|
March 21, 2014 at 11:43 am
I know that I can use CSS to hide dates for events with this:
#espresso-event-id-51 p.start_date {
display: none;
}
However, I also need to remove dates for only certain events within an event listing. For example, http://tekdoginc.com/nintex-training-schedule/
We have ongoing events with a start date of Jan.1. We want to remove the start date from just these ongoing events — as they appear within the event listing.
|
|
Lorenzo Orlando Caum
|
March 21, 2014 at 12:02 pm
Hi Jason,
I believe you are using the enfold theme. Could you try the following example:
http://www.kriesi.at/support/topic/changing-a-specific-page-with-quick-css/#post-223394
—
Lorenzo
|
|
Jason Keller
|
March 21, 2014 at 3:34 pm
I am able to get the event ID when I look at the event itself. I just do not know how to remove the date from certain events when they are listed in an Event Listing.
|
|
Lorenzo Orlando Caum
|
March 21, 2014 at 4:09 pm
Hi!
Here is an example:
.page-id-2497 #event_date-71, .page-id-2497 #event_date-95 {display:none;}
Add it to a plugin like My Custom CSS. Then refresh your page here:
http://tekdoginc.com/nintex-training-schedule/
You should see two events that have the dates gone. Then you can amend the CSS to target your specific events.
BTW: you can use a tool like firebug or chrome developer tools to see the element that is on a page. That is how I found the CSS ids that are associated with the first two events:
http://cl.ly/image/1p0S2Q3E2U2X
—
Lorenzo
|
|
Jason Keller
|
March 21, 2014 at 4:18 pm
YES! Thank you so much!
|
