筆記│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 那一行的樣式碼。

沒有留言:

張貼留言

【訪客沒有帳號請使用名稱/網址留言。】
【匿名者的留言可能會比較慢回覆】
【請不要留下注音文或者是火星文,謝謝。】

INSTAGRAM FEED