Thread

I currently have {embed=styles/base} in my header template to load my base CSS. Inside that, I’m importing a CSS reset, as well as a few others (clearfix and fontface). It’s not working by keeping it as @import url(‘reset.css’);—Is there a way to allow the importing of style sheets without linking to each of them in the header template?

I searched, but couldn’t find anything on the subject. Sorry if this is a dumb question, this is my first EE website…

Hi, jonnyquist.

Not a dumb question at all.

The main thing you need to know about external files in EE is that you need to path from the root. So your import url would need to be pathed from the root. Example: /css/reset.css.

Does that help?

Ah, okay. So “system/expressionengine/templates/default_site/styles.group/reset.css” would work?

Do you think it’s better to use CSS as a template or just do it the traditional way and link to them normally?

I create a folder called jscss and call my .css files normally. But that’s just me. 😊 YMMV.

Ah, alright. Thanks. I think I’ll link to them the traditional way too.

Sounds good to me. 😊 Don’t hesitate to post again as needed.