Thread

In my template file I’m linking my EE page with the “base.css” with this method:

<link rel="stylesheet" type="text/css" href="{stylesheet=site/base}" />

However in the base.css I’m using the import method to import some more css files like this:

@import url("layout.css");
@import url("typography.css");
@import url("forms.css");

So the problem is that only base.css is applied, while the remaining aren’t. I know I can do this separately for the four css using the {stylesheet=site/css-file} method, but just for the sake of keeping my development methodology I wanted to keep the “@import” method. I guess the problem might be finding the correct path or something?

For the reference: I’m using flat files turned on, so all of the CSS are created in the same folder.

Hi, Braveheart. You’ll need to put in a path from the root. So if your .css files are in the root, your import would be:

@import url("/layout.css");

Does that help?

I tried that even at the beginning, but it didn’t worked. Never mind, it’s not a big issue anyway. I’m basically developing my site locally with WAMP, so I guess when I put it on my server online, things will change as the site will be in a root folder.

You may still have the same issue. Don’t hesitate to post again as needed.