Customizing the WebSphere Commerce Accelerator CSS files

The appearance of the WebSphere Commerce Accelerator 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.


  1. Open the WebSphere Commerce development environment.
  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.