Hide a Day in Month View

Description

On some occasions you might want to hide some days (the whole column) in Month view. Here is how you can do that.

The below CSS snippet will hide the last two days of the week. So if you have Monday set as the first day of the week under Setting > General on your WordPress dashboard, then it will hide Saturday and Sunday.

Usage

Copy the below code into your (child) theme's style.css file, or add it to Appearance > Customize > Additional CSS box (or wherever you usually put custom styling).

Plugins

The Events Calendar

Snippet

.tribe-events-month .tribe-events-calendar thead th:nth-child(6),
.tribe-events-month .tribe-events-calendar thead th:nth-child(7),
.tribe-events-month .tribe-events-calendar tbody td:nth-child(6),
.tribe-events-month .tribe-events-calendar tbody td:nth-child(7) {
    display: none;
}

Explanation

You can see the numbers 6 and 7 in that snippet. Those refer to the days in the week Saturday being the 6th day and Sunday being the 7th in the week (if Monday is set as the first day).

Based on this you can easily adjust the snippet to hide any day you like in Month view.

Notes

  • Originally written in April 2019
  • Tested with The Events Calendar 4.8.2
  • Author: AndrĂ¡s Guseo

Disclaimer

As with all of our recipes, please note that we share this in the hope it will be useful but without any guarantees or commitments. If you wish to use it, it is your responsibility to test it first of all and adapt it to your needs (or find someone who can do so on your behalf). We are unable to provide further support in relation to this recipe.