Customizing the WebSphere Commerce Accelerator CSS files

The WebSphere Commerce Accelerator look and feel is governed by a cascading style sheet (CSS). The simplest customization of the WebSphere Commerce Accelerator is modifying this file to make changes to the format, font, or behavior of the text and other elements within the interface. In this file, you will also find URLs that point at the various background images.

To update the style sheet:

  1. Open the WebSphere Commerce development environment (Start > Programs > IBM WebSphere Commerce development environment) and switch to the

    J2EE Navigator view

    Express Project Navigator view.

  2. Navigate to the CommerceAccelerator project.

  3. Navigate to the Web Content/tools/common directory.

  4. Locate the file named centre_locale.css, where locale represents the locale for which you want to make changes. For example, centre_en_US.css is the cascading style sheet for U.S. English.

  5. Update the file as appropriate to reflect your changes.

  6. Save your changes.

  7. Redeploy the file.

Attention

Applying fix packs, or performing migration may overwrite any changes made to these files.

Related concepts

Related tasks