Thread

I have a snippet called css that contains the following:

<link rel="stylesheet" type="text/css" media="all" href="{stylesheet=stylesheets/style.css}" />

The template type is set to CSS. The rendered template has this in the head:

<link rel="stylesheet" type="text/css" media="all" href="http://closetinabox.insiteadvice.com/index.php?css=stylesheets/style.css">

The CSS isn’t taking effect. I tried visiting the URL in the link tag from the rendered template, and it does not display the CSS.

See the style.css? You should have a snippet like this:

<!-- CSS -->
<!-- This makes use of the stylesheet= parameter, which automatically appends a time stamp to allow for the browser's caching mechanism to cache the stylesheet.  This allows for faster page-loads times.
Stylesheet linking is documented at <a href="http://ellislab.com/expressionengine/user-guide/templates/globals/stylesheet.html">http://ellislab.com/expressionengine/user-guide/templates/globals/stylesheet.html</a> -->
    <link href="{stylesheet=global_embeds/site_css}" type="text/css" rel="stylesheet" media="screen" />

does the template group have to be called global_embeds? and the stylesheet has to be called site_css?

not that it really matters, just seems strange and inconsistent with what the docs say.

curtisblackwell,

No, you can name the template group and template anything you’d like. Try Synchronizing your templates.

I had already tried that and clearing cache (both through the backend and manually). I’ll just stick with the global_embeds; I don’t really have time to mess with it now.

Thanks for the help.

For reference, if you’re saving templates as files and haven’t synchronized templates (specifically your CSS files) EE won’t be able to determine the stylesheet version (which usually appears as ?v=... after the css filename)

So make sure the CSS template appears in the template manager, is set to the CSS type, and that you’ve visited the Synchronize Templates page and pressed Submit at the bottom.

Glad you have a solution for now but let us know if you need further assistance.

Just trying using this for a change rather than moving the CSS files externally as i normally do… one thing im not sure about is when your used to calling say main.css then you have a rule within that such as

@import url(layout.css); /* LAYOUT CSS */

How do you handle that in this way?

SO for example i have

<link rel="stylesheet" type="text/css" media="screen" href="{stylesheet=global_embeds/main}" />

But that css sheet has normally an @import line of code… cant seem to get it to find it at present

Forget last… figured it out..

@import url("/global_embeds/layout");

Does this take care of it for you, Etheya?

Kevin