[WordPress] 自訂佈景主題 CSS,避免文章標題被轉成全大寫

[WordPress] 自訂佈景主題 CSS,避免文章標題被轉成全大寫

我在 WordPress 網誌中使用的是 Nisarg 這個佈景主題,

不過這個佈景主題有個地方我稍微不滿意,

就是文章的標題都變成全大寫:

 

因為佈景主題本身沒有提供調整的選項,通常可以做的就是:

  • 使用自訂的 CSS (但不一定有效)
  • 修改佈景主題的檔案 (一定有效,但佈景主題如果有更新的話,可能會衝突)

 

先試著用自訂 CSS 的方式,那就得先找出要修改的 CSS 是哪個部分~

用 Chrome 按右鍵 > Inspect,

文章標題的部分是使用 entry-title 這個 class,但 entry-title 並沒有定義大小寫的轉換。

往上層看,原來是 entry-header 這個 class 有定義 text-transform 要轉大寫:

 

找到是哪個 CSS class 在搞怪就好辦了,

在 WordPress 後台 > 佈景主題 > 自訂 > 附加的 CSS 裡,

加入下面的 CSS,關掉自動轉大寫這個行為:

.entry-header
{
	text-transform: none;
}

 

改好儲存之後,立刻就有效果了,

文章的標題中,英文的大小寫都維持原狀囉:

 

參考資料:MDN: text-transform

(本頁面已被瀏覽過 1,128 次)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料