How to I attach my own css file to my custom template?

[wonkaplease]

Hi guys,

I uploaded my style sheet in Merchandising > Custom Templates > Includes, the file name is vespro.css (i tried it with the .css extension and without).

In the style sheet itself i began the code with [-- DEFINE Page --] and ended the code with [-- END_DEFINE Page --]

In head of my custom template i have tried several things to call / reference the style sheet but to no avail.

Can someone tell me (copy/paste) the correct code to call the style sheet?

Here is a link to the shopping cart. (Don't laugh i'm just starting out) =)
http://rootsolutionsrootbarrier.com/store/index.html

Thanks so much in advance.
chantz

[Jim]

The style sheet should not have the [-- DEFINE Page --] and
[-- END_DEFINE Page --] tags. These tags would only be used in templates for templates in the Pages section of the custom templates area.

To call the style sheet from your custom template you would use the tag

[-- INCLUDE vespro.css --]

If the vespro.css contains ShopSite template tags to access fields from ShopSite then you would use

[-- INCLUDE vespro.css process --]

which would expand any ShopSite tags to contain the data from the ShopSite fields included.

Note that ShopSite doesn't require extensions for file names so you could name it either vespro.css or vespro. But for ease of maintaining files it is helpful to include the extentions that would indicate what the file is used for.