Hide event Date for only one event (grid layout)

Ask the Community Customization
1

Hello, I’m using the event calendar with the grid layout. I want to hide the date on a single event only. (not all events)

elftsite
elftsite1920×1848 376 KB

In the past, this CSS code did what I wanted, but it stopped working.

.jsx-300450484 .eapp-events-calendar-date-element-component.eapp-events-calendar-grid-item-date.eapp-events-calendar-date-element-inline {
display: none;
}

Any suggestions would be appreciated! thanks

Timothy

1 Like
3

Hi there, @Timothy_Sullivan and welcome to the Community :waving_hand:

The thing is that your CSS code uses a temporary class for the specific event, and it seems that it was changed.

I’ll discuss with the devs if there’s a way to apply a stable solution and will report back once I have any news :slightly_smiling_face:

4

Hi there, @Timothy_Sullivan :waving_hand:

Thank you for waiting!

Here is an updated code from the devs:

.eapp-events-calendar-grid-item-component[aria-label="Event: View our Brooklyn Kura Sake Brewery Tours for January 2026"] 
.eapp-events-calendar-date-element-component.eapp-events-calendar-grid-item-date.eapp-events-calendar-date-element-inline {
  display: none;
}

Give it a try and let me know if it worked :wink: