部落格|社群圖示CSS調整

部落格網站頁尾放有社群圖示,此篇文章提供CSS語法讓您修改大小及顏色。


三個社群圖示統一調整

.fab { font-size: 30px; color: #000000; }


三個社群圖示分開調整

.fab.fa-facebook {
font-size: 30px;
color: #1877F2; 
}
.fab.fa-instagram {
font-size: 30px;
color: #E4405F; 
}
.fab.fa-line {
font-size: 30px;
color: #06C755; 
}


步驟一、複製上方需要的語法後,貼至「部落格 > CSS自訂」

步驟二、貼上語法後根據自己喜好修改,確認後點擊「發佈 CSS」

・font-size 為圖示大小,放大縮小請直接更改數字
・color 為圖示顏色,#色碼 (色碼表)
*設置後建議同時檢查桌機版、手機版呈現模樣