Thursday, November 15, 2012

How to add Background Image to Body

1 Comment
editing your css

it will be in a folder in your template

catalog/view/your template/stylesheet/stylesheet.css

and fine the body tab on there ex:

body {
background-image:url('bg.jpg'); color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}



and edit the colour to a image referance

or you can change the container

#container {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    text-align: left;
    width: 1000px;
}


Edit # container

#container {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    text-align: left;
    width: 1000px;

    background-image: url("../image/bg-body.jpg");
    background-position: center top;
    background-repeat: repeat-x;
 

 

© 2011 Tutorial Opencart - Designed by Mukund | Sitemap

About Us | Contact Us | Write For Us