自訂Wordpress右邊日曆小工具樣式

最近在設定我的Wordpress網站時，找到一個不錯的佈景主題(Theme)：Ramiro。套用後大致上的樣式都OK，但就是右邊有設定的「日曆」小工具會超出原本佈景主題所設定的範圍。

當然Wordpress有支援可以在管理介面中去修改這些Theme的樣式。一開始想說是不是在一些控製邊欄的.php檔中。可是找了一下，也沒有找到。去查了一下Wordpress有關Theme製作上，如果要顯示這個日曆的話，好像是要用get_calendar()的函式。可是發現我使用的Theme中並沒有呼叫到這個函式。

後來沒辦法，想說那不然就直接看看網頁的原始程式碼好了。

發現原來在這個區域是屬於「right」所控管的。所以就到這個佈景主題的樣式表中去查詢。發現是有這個ID，但裏面並沒有特別去控制日曆相關的樣式。也就是沒有去設定以下這些ID的樣式：

• calendar_wrap
• wp-calendar

我猜想應該是沿用了「right」區的字型造成日曆的顯示超出邊界了。於是就開始動手加入有關上述這兩個ID的樣式表。

最主要的改善方式就是將字型由1.5em改為0.5em。這樣就可以了。

不過，上面這樣看起來有點美中不足的就是整個日曆有點偏右。沒關係，只要再加上margin : -10px。就好了：