文章標題背景為紅色部分太大,想改卻找不到方向嗎?今天教各位簡單解決根本的方法,就是Html修改,本身並非這方面的專業,此方法是自己慢慢摸索找到的,如有更簡單的方法歡迎留言。
操作步驟:
Step1 登入Blogger後,點選左邊的主題後,右邊我的主題旁邊會有垂直的三個點,點選後則會有以下畫面。
Step3 關鍵字為post-title-container(標題主題背景框)及margin(標題主題背景框之位置),可以使用搜尋功能或直接找關鍵字,以我的主題為例,找到編輯碼約位在1966-1974的位置,以下紅框部分。
Step4 將紅框的數值做修改。
body.item-view .Blog .post-title-container{
background-color:$(item.title.background.color);
box-sizing:border-box;
margin-bottom:-1px;
padding-bottom:86px; (86 to 15 px)
padding-$endSide:290px;
padding-$startSide:140px;
padding-top:20px; (20 to 15 px)
width:100%
最後成品
滾輪尚未滾動即可閱讀到文章的開頭,整體網頁體驗大大提升。
如果這個教學有幫助到你,歡迎留言與我分享各位修改後的結果。
留言
張貼留言