When you first install SoftSlate Commerce it is configured by default to use the font and color styles defined in the administrator, under the Settings -> Styles screen.
However, if you are familiar with CSS (Cascading Style Sheets) it is best to turn off dynamic styles and use a CSS stylesheet directly to define your store's styles.
SoftSlate Commerce comes with a stylesheet named
style.css, which is located inside the
/css directory of SoftSlate Commerce. This stylesheet contains all the default style settings used in the store.
To change the store so that it uses
style.css directly follow these steps:
Example 10.2. Setting the Store to Use CSS Stylesheets
You could edit
style.css directly to change your font styles. However, we strongly recommend you leave
style.css unmodified. If you upgrade your copy of SoftSlate Commerce in the future, the
style.css file may be modified or overridden by the upgrade process. Instead, place your custom styles in the
styles-custom.css file, also located in the
/css directory. You can do so safely without fear that your changes will be overridden with a future upgrade. Since the
style-custom.css file is included after the
style.css file, styles you define there will take precedence.
Using the CSS stylesheets gives your store a performance benefit, since most browsers will cache CSS files, whereas with dynamic styles, a second request must be made to the server with each page hit to retrieve the dynamic styles produced from the administrator settings.
Copyright © 2005 SoftSlate, Inc. All Rights Reserved.