Purity2.fr

Here is what we are going to do in this tutorial :

1- Upload your image in the template

We are going to put the image imageperso1.jpg in the folder "images" of the template.

Folder : templates > ja_purity_ii > images > imageperso1.jpg

Take care, Your image must be wide and high enough, or then have an image which can be repeated in width and height.

2- Modify the CSS file template.css

Folder : templates > ja_purity_ii > css > template.css

Wa change the css code :

#ja-container {
 background: url(../images/container-bg.gif) repeat-x top #fff;
 position: relative;
 z-index: 5;
 border-bottom: 5px solid #ccc;
}

#ja-container .main { padding: 20px 0; min-height: 300px; }

by :

#ja-container {
background: url(../images/imageperso1.jpg) top left; /*url(../images/container-bg.gif) repeat-x top #fff*/
position: relative;
z-index: 5;
border-bottom: 5px solid #ccc;
}

#ja-container .main { background: #fff; padding: 20px 0; min-height: 300px; }