Zesty: customizing the calendar at the bottom

[carisma_sensei]

Hi, i'm working with Zesty right now and i was wondering if you could help me out ^^
I'm having problems customizing the calendar that appears at the bottom of the layout. I have tried several things but i can't get to change the colour of the numbers (1, 2 etc) and the blue background on the day with posts, etc. I'm new to Zesty and the base stylesheet doesn't seem to help very much with this. So if you could help me out telling me how to customize this part of the stylesheet, i would be very happy xD

Thanks in advance!

Comments

[suncat]

The date number, which appears in each date cell, is controlled by the two CSS instructions:

.month .cell.empty .day { color: #dddddd; }
.month .cell.full .day { color: #999999; }

Notice that .empty and .full selectors are stuck together with the .cell selector. Those classes appear on the same td element in the HTML.

The post number for dates which have posts are always going to be links. They just seem to use the link colors defined for the page:

a { color: #2452FF; }
a:visited { color: #142D8B; }
/* and probably a hover color too */

If you wanted to just change the calendar links, maybe something like this would work:

.month a { color: #rrggbb; }

The color of the date cells that have posts is controlled with:

.month .cell.full { color: #DDEEFF; }

Let us know if these hit the correct spots.