跳到主要內容

Blogger 個別文章或網頁 文章標題背景高度更改

Easy way to modify Post-title-container

文章標題背景為紅色部分太大,想改卻找不到方向嗎?今天教各位簡單解決根本的方法,就是Html修改,本身並非這方面的專業,此方法是自己慢慢摸索找到的,如有更簡單的方法歡迎留言。
操作步驟:
Step1 登入Blogger後,點選左邊的主題後,右邊我的主題旁邊會有垂直的三個點,點選後則會有以下畫面。
Step2 點選編輯HTML會有以下畫面。
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%

最後成品
滾輪尚未滾動即可閱讀到文章的開頭,整體網頁體驗大大提升。
如果這個教學有幫助到你,歡迎留言與我分享各位修改後的結果。

留言