If you are using the custom CSS you will probably need to use more images that are not called in the interface. There is a technique where you can put your own images.

You must know that all images that you put in the images folder of your template will be removed as soon as you will update the template from the interface.


Put the images in a custom folder

Go in your template folder and create a subfolder. You can name it as you want, in our example we will call it custom

The folder will then looks like



Use the images path in your custom CSS

When writing your custom css you just have to point your images to the folder that you have created. Example with a background :

#test {
    background: url(../images/custom/myimage.jpg);


Note that you an organize your images in multiple subfolders if you want