Friday, March 05, 2010

How to change the background of the Minima Template

Sometimes we want to change the background of the template to fit the style we want. But if we do not know how to change it, then the template will be impressed in shambles.
I try to share a tip how to change the background of the template. In this tutorial, you must prepare the image size 10px x 600 px. Save on bloggers post and copy the image location.   As  an experiment, I applied it to Minima.

Look at the existing code in the  Minima template, below:

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
 }

In adding background, I divide the two types.

For Normal Page

body {
background:$bgcolor url(http://.....jpg);
background-repeat: repeat-x;
background-position:top center;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
 }

For a Fixed Background
(or to scroll)

body {
background:$bgcolor url(http://.......jpg);
background-repeat: repeat-x;
background-position:top center;
background-attachment: fixed;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
 }

Please fill in the URL of the location where you save the image.

No comments:

Post a Comment