How to stop the ecwid CSS affecting other parts of your site

Until 2012-09-17, the CSS downloaded from eshop-designer included some lines that might change the colours of some elements in your site surrounding the Ecwid browser area.

If you have this problem, the simple solution is to edit the CSS and add the .ecwid class to the selectors on lines 12 to 14.

For example, If your downloaded css contains these lines 12 to 14

ul, ol, dl, ul li, ol li, dl dt, dl dd, hr, blockquote, blockquote { color:#506a85; }
h1, h2, h3, h4, h5, h6 { color:#333333; }
p, sup, sub, address { color:#333333; }
change it to:
.ecwid ul, .ecwid ol, .ecwid dl, .ecwid ul li, .ecwid ol li, .ecwid dl dt, .ecwid dl dd, .ecwid hr, .ecwid blockquote { color:#506a85; }
.ecwid h1, .ecwid h2, .ecwid h3, .ecwid h4, .ecwid h5, .ecwid h6 { color:#333333; }
.ecwid p, .ecwid sup, .ecwid sub, .ecwid address { color:#333333; }

You may want these elements to inherit colours from your main site css. If you do, just comment out these lines and line 15.
For example:

/*
ul, ol, dl, ul li, ol li, dl dt, dl dd, hr, blockquote, blockquote { color:#506a85; }
h1, h2, h3, h4, h5, h6 { color:#333333; }
p, sup, sub, address { color:#333333; }
.ecwid { color:#333333; }
*/

Feedback and Knowledge Base