如何修改單篇文章的日期字體大小

2.4K

今天在探索網站的外觀設定時，我遇到了一個讓我感到困惑的問題，讓我來分享這個小插曲。

我原本的目標很簡單：只想要調整單篇文章中發布日期的字體大小（就像下圖所示的位置）。

我首先嘗試了這樣的路徑：Appearance → Customize → Single Posts → Font Size → Font Size for Post Meta
然後我把字體調大了。但是，出乎意料的是，沒有任何變化！

我又嘗試了另一條路徑：
Appearance → Customize → Posts Layouts → Font Sizes: Font Size for Post Meta

結果還是一樣，沒有任何反應。

最後，我決定用 Chrome 開發者工具來看看前台的情況，我發現日期實際上是使用

.post-box-meta-single 這個 class。

這時，我開始懷疑是不是這個小傢伙在搞鬼。

於是，我又跑到了
Appearance → Customize → Custom CSS
我驚訝地發現這裡有一些我從未添加過的 CSS 樣式。

經過一番推理，我猜想這可能是之前導入 demo data 時，demo data 自動帶入的樣式。

因為 custom CSS 的權重最高，所以我之前的設定都沒有生效。

所以，下次如果你在調整網站設定時遇到了奇怪的現象，不妨先來custom CSS 看看，也許答案就在這裡等著你呢！