WordPress Calendar & Styling it

This tutorial will help you how to put in a calendar for wordpress and how to style it.

---

Firstly, you must put in a calendar. To this, simply copy and paste the code from below. Please delete the space in < ?. Do the same on the right hand side
< ?php get_calendar(); ? >

Now, if you look at your site, the calendar may not look so good. To style it, please add the following into your stylesheet code
#wp-calendar { color: #COLOUR; } #wp-calendar a { display: block; color: #COLOUR; } #wp-calendar a:hover { color: #COLOUR; } #wp-calendar caption { background:#COLOUR; padding:2px; text-align: center; color: #COLOUR; margin-left:2px; margin-right:2px; margin-top:2px; margin-bottom:0px } #wp-calendar td { background: #COLOUR; margin: 0 1px 1px 0; padding: 2px; text-align: center; color: #COLOUR; }

Ok so the first one, the #wp-calendar is merely the text colour.
The 2nd one, the “#wp-calendar a” is the link on the calendar.
The third one #wp-calendar a:hover is the hover link colour
The fourth one #wp-calendar caption is the one that shows the month and year (“May 2008″)
And the last one is #wp-calendar td for the numbers (1,2,3,4,…..29,30)