Using a Background Image

If you are looking to use a background image with your design, the instructions below will show you how easy it is to do. Look for this code in the style.css file:

body {
background: #DDDDDD;
width: 960px;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}

Currently, the background is set to display #DDDDDD, which is the gray that surrounds this site. If you plan on using any of the free background images that I’ve supplied on the Extras page, all you’ll need to do is change your code to look like this:

body {
background: #DDDDDD url(images/bg.gif);
width: 960px;
color: #222222;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0px auto 0px;
padding: 0px;
}

The bg.gif is an example of the background image - you may have named it something else, in which case it should match what’s on that line. Make sure the background image is found within the Revolution theme folder on your server.

Generally, I always keep the hexcode (#DDDDDD) there in the event that something unexpected to the background image on my server. At least this way the design will fall back to the hexcode and still give you a solid background color.