How do I change the calander colours?

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

  • What colors are you looking to change? What parts of the calendar?

    Thread Starter TomJ90225

    (@tomj90225)

    Hi Andy, thank you for replying. I am looking to change the calender background colour, the top heading where the days of the weeks are, date numbers and text. I have downloaded the event colour changer plugin already so that is covered… Any thoughts?

    /* Calendar background color */
table.tribe-events-calendar {  background-color: #c5c5c5 }

/* Day of Week bar styling */
table.tribe-events-calendar thead th {
  background-color: red;
  color: yellow;
}

/* Day Header */
.tribe-events-calendar td.tribe-events-thismonth div[id*="tribe-events-daynum-"],
.tribe-events-calendar td.tribe-events-thismonth div[id*="tribe-events-daynum-"] a
 {
  background-color: yellow;
  color: red;
}

/* Current Day Header */
.tribe-events-calendar td.tribe-events-thismonth.tribe-events-present div[id*="tribe-events-daynum-"],
.tribe-events-calendar td.tribe-events-thismonth.tribe-events-present div[id*="tribe-events-daynum-"]  a
{
  background-color: #000;
  color: #fff
}

    The above should get you started. ??

    Thread Starter TomJ90225

    (@tomj90225)

    Thank you Andy!

    Tom, can you mark this as resolved if there is nothing else?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How do I change the calander colours?’ is closed to new replies.