Muitos me perguntaram como eu fazia o CSS do meu calendário quando eu usava no meu blog antigamente. Então resolvi colocar a base para facilitar as coisas :D Apenas abra o seu style.css, coloque lá e personalize este código:
/***** Calendario WP - madlyluv.com *****/
#wp-calendar {
empty-cells: show;
font-size: 0.9em;
text-align: center;
font-family :arial;
margin: 0;
width: 95%;}
/**dia dos posts e seus links**/
#wp-calendar #prev a {
font-size: 10px;
letter-spacing: 1px;
font-family: tahoma;
font-weight: bold;
text-align: left;
border: 0px;}
#wp-calendar #next a {
font-weight: strong;
text-align: right;
font-size: 10px;
font-family: tahoma;
border: 0px;}
#wp-calendar a {
font-size: 10px;
font-family: tahoma;
font-weight: strong;
text-align: center;}
#wp-calendar a:hover {
font-size: 10px;
font-family: tahoma;
font-weight: bold;
border: 0px;
text-align: center;}
/**resto dos dias**/
#wp-calendar td {
color: #cor da fonte;
font-size: 10px;
font-family: tahoma;
padding: 2px 0;
background: #cor de fundo url('https://imagem.jpg');
border-top: 1px solid #cor;
border-left: 1px solid #cor;
border-right: 1px solid #cor;
border-bottom: 1px solid #cor;
text-align: center;}
/**mes em destaque no topo**/
#wp-calendar caption {font-size: 10px;
font-family: Verdana;
font-weight: bold;
text-align: center;
border-bottom: 1px dashed #cor;
letter-spacing: 2px;}
/**dias da semana**/
#wp-calendar th {color: #cor da fonte;
text-align: center;
font-family :arial;
font-size: 10px;
font-weight: bold;
background: #cor de fundo;
border-top: 1px solid #cor;
border-left: 1px solid #cor;
border-right: 1px solid #cor;
border-bottom: 1px solid #cor;}
/**dia de hoje**/
#wp-calendar #today {color: #cor da fonte;
font-weight: strong;
font-family :arial;
background-color: #cor de fundo;
border-top: 1px solid #cor;
border-left: 1px solid #cor;
border-right: 1px solid #cor;
border-bottom: 1px solid #cor;
text-align: center;}Agora, abra o sidebar.php e coloque apenas essa tag em PHP:
<table id="wp-calendar"><?php get_calendar(1); ?></table>
