Jump to content

Sandie

Circle Member
  • Posts

    3
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Sandie's Achievements

  1. Hi there, I managed to solve this one, but I have another question that you can hopefully resolve. I am using the Events block to display Job vacancies. By default, the Events display the most recent additions at the bottom. I understand that you can manually change the publication date to reorder, but I am hoping for a permanent fix, to ensure that the latest events (jobs) always appear at the top. If this is not possible, is there a way to add some instruction text to the top of the Events list (without using a Summary block)? https://www.totalrecruitment.co.nz/job-vacancies Thank you for your help,
  2. 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

    1. Beyondspace

      Beyondspace

      Could you create new topic and tag me there

    2. Beyondspace

      Beyondspace

      You can try adding to Home > Design > Custom Css

      .event-datetime-divider + time,.event-datetime-divider {
        display:none;
      }

       

    3. Sandie

      Sandie

      You're a genius! That worked perfectly. Thank you so much!😍

  3. Hi, I would like to remove time altogether and add text in front of the dates please? i.e. Apply Sep 29 2021 – Oct 7 2021 Is this something you would be able to incorporate into the code? Thanks in advance
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.