The current version allows you to change CSS styles of customer front-end. HTML is not available for editing.

CSS capabilities are more than enough to allow you to make the store match the design of the rest of your site.

In most cases, you won't have to edit anything, not even the CSS. Just pick one of pre-defined schemes. The store is designed to fit well in most sites.

So, what you can change are colors, fonts, margins and images. What you can't change is interface logic.

How do I change the CSS?

Open the control panel and proceed to: System Settings → Design → CSS Themes

You can pick from pre-defined schemes or create your custom version. You can find the list of all styles used by the store at the gray "Base CSS Theme" window at the page bottom.

Any style you specify will override the default one.

In order to create your custom scheme:

• Click "New CSS Theme"
• Copy the classes you want to override from the bottom window to upper one. Important: please don't copy the whole base theme to a custom one - you should copy only the rules that you want to change.
• Change the classes as you wish.
• Name and activate your scheme.
• Save changes (click the 'Save' button)
• Reload customer interface page if it's open in your browser

Example: copy the .minicart-caption class and change color from #4B5660 to #ff0000. "Shopping Bag" label inside Minicart Widget will turn red.

You can also create your own CSS styles and use them in HTML product descriptions.