Backgrounds

In order to change the background, open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css, and add the following code to the end of skin.css file.

• .wrapper, .bottom-pic { background: none;} body {background: #010101 url(../images/bg01.jpg) no-repeat 50% 0%;}
• body {background: url(../images/bg02.jpg) repeat 50% 0%;} body {background: #000 url(../images/bg02.jpg) no-repeat 50% 0%;} .wrapper {background: transparent url(../images/bg04.png) repeat-y 50% 0%;} .bottom-pic {background: none;}
• body {background: #000 url(../images/bg03.jpg) repeat-x 0% 0%;} .wrapper, .bottom-pic {background: none;}
• body {background: #fff url(../images/bg04.jpg) repeat-x 50% 0%;} .bottom-pic {background: transparent url(../images/bg04.png) repeat-y 50% 0%;} .wrapper {background: none;}
• body {background: #000 url(../images/bg05.jpg) no-repeat fixed 0% 0%;} .bottom-pic {background: none;} .wrapper {background: transparent url(../images/bg04.png) repeat-y 50% 0%;}
• body {background: #379aba url(../images/mountain.gif) repeat-x 50% 100%;} .bottom-pic {background: transparent url(../images/clouds.gif) repeat-y 50% 0%;} .wrapper {background: transparent url(../images/flyer.gif) no-repeat fixed 50% 10%;}
• body {background: #000 url(../images/bg07.jpg) no-repeat 50% 0%;} .wrapper, .bottom-pic {background: none;}

Go to contentsBack to previous page