test

我的部落格範本.CSS


h3.post-title, h3.entry-title {
font-family: '微軟正黑體', 'Microsoft JhengHei', Georgia;
}

.post-body, .entry-content {
font-family: '微軟正黑體', 'Microsoft JhengHei', Arial;

}

.post-body img { max-width:720px; }
.post-body {line-height: 1.9em;}
#header-inner {text-align: center ;}
.blog-feeds, .post-feeds {display :none;}
.titlewrapper {padding-top: 40px !important;}









調整文章標題、字體大小、字距、行距


★在 Blogger 範本中調整文章標題的位置,及文章的位置、字體大小、字距、行距 - 櫻桃椒的網誌

http://licoriceguava.blogspot.tw/2014/06/blogger.html



操作方法

在 Blogger 範本中調整文章標題的位置,及文章的位置、字體大小、字距、行距

到【範本】→【編輯HTML】中,找到控制文章標題區塊的程式碼 (可按Ctrl + F鍵搜尋 .post-title),及控制文章區塊的程式碼(可按Ctrl + F鍵搜尋 .post-body ),如下圖




h3.post-title (也可能是 h2.post-title,重點是.post-title ) 即控制文章標題區塊的程式碼,可在 { 與 } 間加上程式碼,如加上

margin: -10px -5px 0 0;

可使文章標題向上移 10px,向右移 5px (上、右、下、左 )

.post-body 即控制文章區塊的程式碼,可在 { 與 } 間加上程式碼,如此例中,
margin: -15px 0 0 0;
font-size: 110%;
line-height: 1.6;
letter-spacing: 0.8px;

position: relative;

程式碼說明


margin: -15px 0 0 0; 使整篇文章不含文章標題向上移 15px

font-size: 110%; 文章的字體大小

line-height: 1.6; 文章的行距

letter-spacing: 0.8px; 文章的字距

position: relative; 以元件本身的左上角做為 top 、 left 、 bottom 、 right 的座標原點。









希望有成功






這個網誌中的熱門文章

〔雜記〕DC直流電風扇,壞了,該修?不修?(2018.10.05.)

〔雜記〕第一次 friDay 購物經驗 (2016.05.11)

〔雜記〕我補一份給你|布朗沃義大利餐廳(2019.01.04.)