Blogger 101: Changing the Background Color

Find this segment of your template:

body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: $mainTextColor;
background: #692 url(http://www.blogblog.com/moto_son/outerwrap.gif) top center repeat-y;
font-size: small;

Look at the line that begins with "background:". You may or not have an image url in there. The number 692 is the bright green color that comes standard with the Son of Moto template. You can use Amy's links to find a good color online or find one in a program like Paint Shop Pro (sometimes I use the "medicine dropper" mode to pick up a color from a particular picture).

I used this color: #4aa1c2 on my test site which you can view here (I picked up the color from my t-shirt in the banner photo).

By the way, I noticed that in the "rounders" template, it looks substantially different, so I thought I'd add that example here:

body {
background:#aba;
margin:0;
text-align:center;
line-height: 1.5em;
font:x-small Trebuchet MS, Verdana, Arial, Sans-serif;
color:$mainTextColor;
font-size/* */:/**/small;
font-size: /**/small;
}

Here "aba" is the background color.