[[email protected]]

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; }

[Rabin Shrestha]

Hi [email protected],

The Calendar widget included in our theme is the default widget that comes with WordPress installation. And the id attribute for the calendar widget table is #wp-calendar as you said. You can’t just copy some CSS from any site and paste it in yours and hope that everything will work fine. We need to see your site in order to tell you what’s wrong. Also we have no idea how you want your calendar widget to look like. So it would be difficult for us to differentiate what’s wrong and what’s right by just seeing the code. Also it would be better if you take help from some developer who can deliver exactly how you want to show your widget particularly for your site.

Rabin

[Author]

Posts