(Squarespace) How to add Event Thumbnail when there is more than 2 events

[tuanphan]

To add Thumbnail to Event when there is more than 2 events.

#1. First, you need to find url of all events in that day.

In my example, we will have: /events/jazzfest

and

/events/atm2025

#2. Next, use this code to Custom CSS.

td.has-event.yui3-calendar-day:has(.item--multiday a[href="/events/jazzfest"]):has(.item--multiday a[href="/events/atm2025"]) {
    & {
    background-image: url(https://cdn.pixabay.com/photo/2025/02/25/14/27/horse-9430601_1280.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
}
   .marker {
        background-color: #fff !important;
    }
.itemlist li {
   opacity: 0 !important;
}}

Remember to change Event item URL + Thumbnail Image URL

#3. Result