Hiding the Date Picker Bar

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @danchan22,

    Thank you for using The Events Calendar.

    The following Custom CSS will hide the “events header” (left and right arrows, “Today” tag, “Upcoming” with down arrow, view selector icon:

    .tribe-events-header {
  display: none !important;
}

    I noticed “May 2022” was included in your screenshot. Did you want to hide that as well?

    If so, use this Custom CSS (also hides the “events header” referenced above):

    .tribe-events-header,
.tribe-events-calendar-list__month-separator {
  display: none !important;
}

    Hope that helps. Do let us know how it goes.

    Best regards,
    Leland

    Thread Starter danchan22

    (@danchan22)

    PERFECT. Thank you!

    Glad to hear. Thank you for the update.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Hiding the Date Picker Bar’ is closed to new replies.