WordPress 修改圖片的說明文字(wp-caption-text )的CSS

網路上應該有相當多類似的文章,不過試了許久都無法改變圖片的說明文字樣式,僅能改變圖片的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/

Custom leave a comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.