Show "CLOSED TODAY" each Sunday on Calendar view

[bluebee]

Hi, I’d like to be able to add the word “CLOSED” for each Sunday of each Month in Calendar view without having to create a recurring event. Maybe even change the background color of that day to have it grayed-out.
Is there any way to add custom CSS that either selects the entire column below <th id="tribe-events-sunday" title="Sunday" data-day-abbr="Sun">Sunday</th>, or is there any way to select all calendar day blocks, e.g., <td class="tribe-events-othermonth tribe-events-future mobile-trigger tribe-event-day-01" data-day="2018-04-01"> through dates <td class="tribe-events-othermonth tribe-events-future mobile-trigger tribe-event-day-29" data-day="2018-04-29"> so that I can select every day that is a Sunday, and change the styling?

Thanks in advance,
JT

• This topic was modified 8 years ago by bluebee.

[Andras]

Hi JT,

That is a helluva question. 🙂

Please note that usually we do not provide support for customizations. I still managed to take a quick look at it and have something that might work.

This CSS snippet is for the month view. Something similar could be done for the week view as well I guess.

.tribe-events-month .tribe-events-calendar td:nth-child(7)::after {
content: "Closed";
text-align: center !important;
display: block;
}
.tribe-events-month .tribe-events-calendar td:nth-child(7) {
background-color: red !important;
}

You can of course adjust the color and the text based on your needs.

Let me know if this does the trick.

Cheers,
Andras

[bluebee]

That worked perfectly! I know it may seem like a simple edit to the css, but I just couldn’t locate the proper lines, so thanks for helping out!

[Andras]

You’re very welcome! I’m happy it helped.

Since this is marked resolved I am going to close this ticket, but if you need anything else related to this topic or another please create a new ticket and we’ll be happy to help.

Cheers,
Andras

PS: We’d be grateful if you would give us feedback on your satisfaction with support. Just click on one of the classy looking emojis below. 🙂 If you can spare a few words, that’s even better. Thanks!

PS2: If you like our plugins, and you didn’t yet do so 🙂 we would also be happy to receive a review in the wordpress.org repository. Much appreciated!
https://wordpress.org/support/view/plugin-reviews/the-events-calendar/
https://wordpress.org/support/view/plugin-reviews/event-tickets/

 

[Author]

Posts