The file ectcart.css contains all the formatting of the main forms used on the ECT stores. As you've probably noticed it has evolved over time to incorporate the css required by the new features we've been adding, and as we continue to improve the shopping cart feature set, the ectcart.css file has become central to those improvements.
For that reason we strongly advise that the file isn't edited, much in the same way we advise against editing core ECT admin files as going forward it will make updating more problematic.
Obviously there are going to be times when you need to make changes to the standard css we provide and this is what we suggest
- Any changes should be added to your store css file not to ectcart.css
- Any changes you make should be commented so they are easy find in your main css file, use this syntax for commenting
/* Comments go here */
- Make sure the path to your ectcart.css file comes before your main store css file in the <head> section of pages so any changes you make there take precedent
- Any entries you then make in your main store css file will overwrite those defined in ectcart.css
- If necessary you may have to use !important for the formatting to take precedence eg color:#fff !important;
How to add the file ectcart.css to your siteYou'll see in the updater there's a folder called /ccs/ - this needs uploading via your FTP program to the store root (where you have the cart, product, search etc pages)
Now you need to link to that file from your store pages
Dreamweaver and Expression WebIn your dwt file add this line before your main css file line
<link rel="stylesheet" type="text/css" href="/css/ectcart.css"/>
so that would typically look like this in your code
<link rel="stylesheet" type="text/css" href="/css/ectcart.css"/>
<link rel="stylesheet" type="text/css" href="/style.css"/>
Save the dwt file, make sure all your store pages are updated with the change and then upload them all to your server as per normal
WordpressIn the header.php file add the following before your other css lines
<link rel="stylesheet" type="text/css" href="/css/ectcart.css"/>
..and save the file
Other editorsAdd this line on
all your store pages. It will go somewhere in the <head> section and before your main css file
<link rel="stylesheet" type="text/css" href="/css/ectcart.css"/>
Andy
Please feel free to review / rate our software