WordPress

WordPress 修改圖片的說明文字（wp-caption-text ）的CSS

By on 星期四, 1 2 月, 2018

網路上應該有相當多類似的文章，不過試了許久都無法改變圖片的說明文字樣式，僅能改變圖片的CSS，爬了外國的paper才發現原來還要加上 !important的屬性才能運作，也就是說原本這樣的CSS：

.wp-caption-text {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif; 
	font-size: 16px; 
	font-size: 1rem; 
	line-height: 1.75; 
    font-style: normal; 
}

要變成這樣

.wp-caption-text {
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif !important; 
	font-size: 16px !important; 
	font-size: 1rem !important; 
	line-height: 1.75 !important; 
    font-style: normal !important; 
}

使用前無論怎麼改都是：

使用後：

至於如何修改WordPress的CSS應該就不用我閒述，不過我個人是用Simple CSS，它非常友善好用，各位可以去谷歌它

參考資料：https://kriesi.at/support/topic/changing-css-of-captions/

0
Related Posts

發表迴響

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