Beyondspace

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.

https://www.totalrecruitment.co.nz/job-vacancies