I've just changed the background color for this blog which is using Minima Stretch template. Did you like it? Changing the background color other than the page color will make your blog/website stand out. I've been thinking to implement it for a while; but if you just change the background color through HTML editor, the whole template will be changed to the color you've picked. This is not what I want. I like to just change the background color but not the page color of my content. If you are interested, then follow the steps below to customize yours:
- First log in to your Blogger In Draft/Blogger's account.
- Second click on Layout/Edit HTML; make sure you back up your template before you go on:
- Third hold Ctrl and hit F at the same time to bring up a search box, then copy and paste body { to find it. After that insert the red color code as follow:body {
background:#ffffff; //change #ffffff to be the color you like
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
- Next find #outer-wrapper { the same way by holding Ctrl and hit F; then insert the red code as follow:#outer-wrapper {
background:#ffffff; //change #ffffff to be the color you prefer
width: 970px;
margin:0 auto;
text-align:left;
font: $bodyfont;
}
- Then give some margins to your template. See the red color code that I've added:#main-wrapper {
width: 468px;
margin-left: 15px;
margin-right: 15px;
float: left;
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
- Finally save your template by clicking on SAVE TEMPLATE.
How to Expand Your Minima Template?
0 comments: