Simple CSS 彙整 – TK Lab https://tklab.club/tag/simple-css/ 雜記、研究日誌、旅遊日記 Wed, 14 Jul 2021 14:24:46 +0000 zh-TW hourly 1 https://wordpress.org/?v=6.8.2 171198695 WordPress 修改圖片的說明文字（wp-caption-text ）的CSS https://tklab.club/wordpress-%e4%bf%ae%e6%94%b9%e5%9c%96%e7%89%87%e7%9a%84%e8%aa%aa%e6%98%8e%e6%96%87%e5%ad%97%ef%bc%88wp-caption-text-%ef%bc%89%e7%9a%84css/ https://tklab.club/wordpress-%e4%bf%ae%e6%94%b9%e5%9c%96%e7%89%87%e7%9a%84%e8%aa%aa%e6%98%8e%e6%96%87%e5%ad%97%ef%bc%88wp-caption-text-%ef%bc%89%e7%9a%84css/#respond Thu, 01 Feb 2018 11:57:26 +0000 https://epo.wfd.mybluehost.me/TKLab/?p=596 網路上應該有相當多類似的文章，不過試了許久都無法改變圖片的說明文字樣式，僅能改變圖片的CSS，爬了外國的pap …

這篇文章 WordPress 修改圖片的說明文字（wp-caption-text ）的CSS 最早出現於 TK Lab。

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

這篇文章 WordPress 修改圖片的說明文字（wp-caption-text ）的CSS 最早出現於 TK Lab。

]]> https://tklab.club/wordpress-%e4%bf%ae%e6%94%b9%e5%9c%96%e7%89%87%e7%9a%84%e8%aa%aa%e6%98%8e%e6%96%87%e5%ad%97%ef%bc%88wp-caption-text-%ef%bc%89%e7%9a%84css/feed/ 0 596