Jump to content

Customize Event Summary list and content

Go to solution Solved by paul2009,

Recommended Posts

I'm trying to use Squarespace Events to create a page containing current open job-listnings summary. The reason for using Event for this is for the job-listing to disappear when it's application date has expired.

So, what I wanted to do was just hiding the start-date. Perhaps replacing it with a fixed phrase "Last application date" then followed by the event end date.

Could this be done?

Event hide or replace startdate_summary_block_list.png

Event hide or replace startdate_detail.png

Link to comment
1 hour ago, JesperZ said:

I'm trying to use Squarespace Events to create a page containing current open job-listings.

So, what I wanted to do was just hiding the start-date. Perhaps replacing it with a fixed phrase "Last application date" then followed by the event end date.

Set the start and end dates to the time/date when applications close 🙂

 

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Would you like your customers to be able to mark their favourite products in your Squarespace store?

Link to comment
On 7/21/2023 at 1:01 PM, paul2009 said:

Set the start and end dates to the time/date when applications close 🙂

 

That was simple enough 😊

But it only takes me half-way. Now, how can I hide the time and just keep the date. And how can I add static text in front, or above the date?

Link to comment
  • Solution
55 minutes ago, JesperZ said:

how can I hide the time and just keep the date.

This may help to get you started. It's CSS so you'll need to add it to the Custom CSS panel.

/* Hide event times */
.event-time-localized, .summary-metadata-item.summary-metadata-item--event-time {
  display: none!important;
}

/* Date prefix on summary block */
.summary-metadata-item.summary-metadata-item--date::before {
  content: "Applications close at 12pm on ";
}

/* Date prefix on individual events */
.eventitem-meta-date::before {
  content: "Applications close at 12pm on";
}

Did this help? Please give feedback by clicking an icon below  ⬇️

 

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Would you like your customers to be able to mark their favourite products in your Squarespace store?

Link to comment
22 minutes ago, paul2009 said:

This may help to get you started. It's CSS so you'll need to add it to the Custom CSS panel.

/* Hide event times */
.event-time-localized, .summary-metadata-item.summary-metadata-item--event-time {
  display: none!important;
}

/* Date prefix on summary block */
.summary-metadata-item.summary-metadata-item--date::before {
  content: "Applications close at 12pm on ";
}

/* Date prefix on individual events */
.eventitem-meta-date::before {
  content: "Applications close at 12pm on";
}

Did this help? Please give feedback by clicking an icon below  ⬇️

 

Awesome, huge thanks @paul2009

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.