Design stage: CSS Style Guide
The Aurora starter store CSS Style Guide defines the formatting and style rules for HTML and CSS. The style guide is designed to help developers and web designers speed up the customization and CSS styling of the Aurora store.
Browse the tabs to find modifiable documentation templates and reference applications that you can use to accelerate project progress and reduce costs for every phase of a WebSphere Commerce project.
| Concept stage | Design stage | Implementation stage | Testing stage | Launch stage | Maintenance stage |
 |
|||||
Introduction
The CSS Style Guide applies to the HTML and CSS files for the WebSphere Commerce Aurora starter store and the static HTML starter store. The style guide covers every key component, a breakdown of its structure, class names, and image paths that are used throughout the site.
Speed up customization
The CSS classes are listed to allow for a quick search in the main CSS file to locate the necessary code to make changes. Screen capture examples are also included illustrating where some of these elements are used across pages and widgets in the Aurora starter store.
Best practices
- Use the CSS classes to search the main CSS file to locate the necessary code to make changes or updates.
- Use the image paths to locate the images you want to edit or replace.
- Use the document to see a
divbreakdown of key elements to see the parent and child structure. - Use the document to see which text styles are used throughout the site.
Download
To download the Aurora starter store CSS style guide, see Downloading the IBM WebSphere Commerce Starter Store Companion Assets package.