Sandie
-
Posts
3 -
Joined
-
Last visited
Sandie's Achievements
-
Hi there,
I hope it is OK to message your page. I am using an Events page to display job listings, which, by default, includes a start date and an end date.
- Wed, 29 Sep 2021 - Fri, 29 Oct 2021
I only want to show the Start date, but both are list items and share the same class, so it seems impossible to target them separately using css. For now, I have just hidden both dates:
.eventlist-meta-item.eventlist-meta-date.event-meta-item {
display: none;
}- Firstly I thought about using the :nth-child selector -
.eventlist-meta-item.eventlist-meta-date.event-meta-item:nth-child(2) {
display: none;
}But there is only 1 child in the <li> so that failed.
- Is it somehow possible with css to target the element after the "-" (span.event-datetime-divider) ?
- Or maybe there is a way to use jQuery to get the "startDate" from the original Event listing and display that at the top of each event?
I think this may be impossible, but thanks for any help you might be able to offer.