How do i modify main picture and other graphics

It turned out that I and a few of my colleagues were mistaken about the possibilities to change the CSS file. My apologizes.

The CSS basics have been described at
http://www.w3schools.com/css/tryit.asp?filename=trycss_background-image

I will explain each step in details, but an overview of the scheme is the following:

1) Locate the URL of the CSS file from the page HTML-source.
2) Download the CSS-file just like the web browser does it.
3) Modify the CSS file.
4) Upload the CSS file and Enforce its use.

The Details of the Step One: The Location of the CSS file

In the case of the http://langattomat.shop.wosbee.com/PublishedService the page source contains the following tag:

<style type="text/css">
@import url("/workspace.admin/sse.html/pics/example_themes/examples/csswebshop/style.css");
</style>

Therefore, the URI of the CSS-file is:
http://langattomat.shop.wosbee.com/workspace.admin/sse.html/pics/example...

The Details of the Step Two: The Downloading of the CSS file

The CSS file can be viewed (and downloaded) by giving the web browser the URI of the CSS file.

The Details of the Step Three: The Modification of the CSS file

It's possible to find the appropriate region of the CSS file by using "background" as the searchstring. If one uses the theme "Example: CSS", then one of the lines is the following:

background-image: url(tausta_harmaa.gif);

A custom image can be uploaded from the administration interface:
Visual->Tools->File Manager. For example, if one uploads an image named "nicer.gif", then one should modify the aforementioned line to be the following:

background-image: url(nicer.gif);

The Details of the Step Four: The Uploading and Enforcement of the new CSS file

The modified CSS-file can be uploaded exactly the same way as the custom image was uploaded.

In the case of the "Example: CSS" theme, the new CSS file can be brought to effect by modifying the HTML source that is common to most of the webshop client side pages. In order to edit the common source of the "Example: CSS" theme, one has to make sure that the "Example: CSS" has been selected at the Visual->Themes->Change Theme->Currently Modifiable Theme combo box . (One must also push the Accept button to enforce the combo box selection.)

The HTML source itself can be edited from Visual->Themes>Structure>FramesFree.

If one has uploaded a custom CSS file named "mystyle.css" and if the name of the webshop is "langattomat", then the necessary replacements are the following:

Initial code fragment:

<style type="text/css">
@import url("/workspace.admin/sse.html/pics/example_themes/examples/csswebshop/style.css");
</style>

Replacement code fragment:

<style type="text/css">
@import url("http://langattomat.shop.wosbee.com/files/langattomat/html/mystyle.css");
</style>

Now, if one pushes the Accept button, the uploaded image, "nicer.gif", will be part of the background.

I hope that it helped, but if it didn't, then please let us (the team) know by posting to this thread.

Regards,
Martin Vahi (from Smilehouse)