CSS targeting the day numbers in Month View

[Edwin]

Hi. Please see my calendar page: http://upstairslounge.net/events/2016-03/

I have noticed that I can write the following CSS:

#tribe-events-daynum-1-0 > a:nth-child(1) {
    color: #fff !important;
}

and that will change the color of the day number for the first day of the month – and only the first day of the month. If I want to change the second day, I write this:

#tribe-events-daynum-2-0 > a:nth-child(1) {
    color: #fff !important;
}

and so on… This seems like a lot of extra work. Is there a way to write one definition for all the day numbers?

Thanks,

Edwin

[Josh]

Hey Edwin,

Thanks for reaching out to us!

You should be able to target all of the numbers in the calendar using:

.tribe-events-thismonth > div a {}

Let me know if this helps.

Thanks!

[Edwin]

Perfect. Thanks, Josh!

[Josh]

Hey Edwin,

Awesome! Happy to help.

I’ll go ahead and close this thread for now. If you have any further questions, please don’t hesitate to open a new one.

Thanks!

[Author]

Posts