Would like to add some CSS to customize the look of the calendar widget display and found some code online that customizes a calendar referred to in the CSS as #wp-calendar and was wondering if this is the widget that is included in the Clean Retina Theme? When I import this code in the CSS sytle it does change some of the calendar’s look but most of the code seems to have no affect and was wondering if perhaps I need to slightly change some of the label names? Below is the code in question.
Thanks for your help,
Gary
/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
.
.