Backgrounds

How to add background image in the header

1 Create an image. 2 Create transparent logo.gif. 3 CSS. Read more...

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.

• body {background: #ffffff url(../images/snow.png) repeat 0 0;} .wrapper {background: url(../images/wrapper.png) repeat-y 50% 0%;}
• body {background: url(../images/flower_bg01.jpg) repeat-x 0% 0%;} .wrapper {background: url(../images/wrapper.png) repeat-y 50% 0%;}
• body {background: url(../images/flower_bg02.jpg) repeat-y 50% 0%;} .wrapper {background: url(../images/wrapper.png) repeat-y 50% 0%;}
• body {background: #fff url(../images/flower_bg04.jpg) repeat 0% 0%;} .wrapper {background: url(../images/wrapper.png) repeat-y 50% 0%;}
• body {background: #ffffff url(../images/xmas.jpg) repeat 50% 0%;} .wrapper {background: url(../images/wrapper.png) repeat-y 50% 0%;}
• body {background: #fff url(../images/flower_bg03b.jpg) repeat-x 0% 0%;} .wrapper {background: url(../images/wrapper.png) repeat-y 50% 0%;}
• body {background: #dfef9e url(../images/flower_bg05.gif) repeat-x 50% 0%;} .wrapper {background: url(../images/wrapper.png) repeat-y 50% 0%;}
• body {background: #d6eef2 url(../images/neutral_bg01.jpg) repeat-x 0% 0%;} .wrapper {background: url(../images/wrapper.png) repeat-y 50% 0%;}
• body {background: #d6eef2 url(../images/neutral_bg02.jpg) repeat-x 0% 0%;} .wrapper {background: url(../images/wrapper.png) repeat-y 50% 0%;}

Go to contentsBack to previous page