筆記│Blogger消除預設圖片的邊框

change default image border
當在套用樣式的時候,有些樣式會自動為圖片新增邊框樣式,這樣對有些使用者感到困擾,因為他們本身可能已經用了繪圖軟體自行做好邊框了,或者他們並不想要有邊框出現。
比如如圖示,我並不想要我放的小圖周圍讓淺灰色的現框起來,這樣會好醜。
舊範本修改
設計→修改HTML
利用Ctrl+F(搜尋)
.post img
出現類似如下:
.post img {
padding:4px;
border:1px solid $bordercolor;
}
修改成
.post img {
padding:4px;
border:none;
}
或者直接消除 border:1px solid $bordercolor; 這一行。
新範本修改
設計→修改HTML
利用Ctrl+F(搜尋)
.post-body img
出現類似如下:
.post-body img {
...
border: 1px solid $(image.border.color);
...
}
修改成
border:none;
或者直接消除 border 那一行的樣式碼。

留言