|
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
Settings -> Styles
screen.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.
Caution | |
---|---|
Initially the |
Home | Features | Pricing | Demo Store | Documentation | About Us | Contact Us Copyright © 2006 SoftSlate, Inc. All Rights Reserved. |