Add Background Image

Anyone know what code i need to enter a background image into the site. I want to make it where the site has a background instead of the gray/white it is right now. I have found how to do it for the older versions but not the 3.0.x versions. I know it has to be something easy that i am overlooking



try to change the skins/basic/customer/styles.css in line 458

.main {

background: url("images/central_bg.png") repeat-x scroll center top #FFFFFF;

put whatever suits your needs but dont forget to no-repeat if its an image that wont get repeated.


No that didn’t seem to work for some reason. :(

Clear Cache

Didn't work when i tried that either, it's the multivendor edition though would that make a difference?

Try something like

body {

background: url('Purple.jpg') no-repeat center center fixed;

-moz-background-size: cover;

-webkit-background-size: cover;

-o-background-size: cover;

background-size: cover;

background-color: #FFFFFF;


Note all the cover stuff is to stretch the image to full screen no matter the monitor size. This is optional.