調整和更改Weebly版面邊欄的大小寬窄方法及步驟 (How To Change The Fonts, Sizes, Width of Weebly Blogs and Side Bar)14/12/2013 You can customize Weebly Blog and the Blog Side Bar if you are a little comfortable with adding a few lines to main-style.css. Lets take the example of Custom-Blog from Informal Theme which has a few changes to the side bar and fonts. This Weebly Blog page has a wider than normal side bar and a bigger font size for post title. To adjust the size of side bar, you need to add a couple of tags to main-style.css which can be accessed from Design –> Edit HTML/CSS. The tags .blog-sidebar and .column-blog define the width of side bar. For the Inform.al Theme, we chose a width of 250px for side bar and 235px for the contents in the side bar. If you choose a different width, change them proportionally. Maintain a 15px gap to keep the side bar contents separate. Add the following lines to main-style.css .blog-sidebar { width: 250px; } .column-blog { float: right; width: 235px; margin: 0; padding: 0; } The next thing we would like to mention is the Font size and Style of the Post Title. This can be changed by adding the following lines to your main-style.css and modify it to your taste.
#blog-title { padding-top: 10px; font-size:18px; line-height: 22px; font-weight: bold; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Sans-Serif; } For the inform.al theme, we chose Bold & 18px size for the title font. You can change this to your taste. Now, if you would like to remove the Weebly Blog Side bar altogether, just add .blog-sidebar { display: none; } These tags defining the style of Blog are generally derived from common.css which can not be edited by user. But, whenever a tag is defined in main-style.css, the definition you add in main-style.css takes precedence over the default definitions. Source :http://weeblyforums.com/2011/10/how-to-change-the-fonts-sizes-width-of-weebly-blogs-and-side-bar/
1 評論
步驟
22/10/2016 03:49:07
1. 修改 container 闊度
回覆
發表回覆。 |
|
|
|
關於本站 |
關於站長謝謝查詢,稍後補充 !
|
聯絡我們 |
|
站長區 |
Copyright © 2013 醫訊站 Clinic24HK.Com. 版權所有 (欄位「醫療組織介紹」及其他連結版面資料除外) 歡迎轉載 (唯必須註明「資料引自 - 醫訊站: http://www.clinic24hk.com」+ 按此留言告知,敬請備悉,謝謝合作 ! )