Thread

I’ve been trying to re-create an existing static webpage in EE Core before applying some dynamic functionality to it and I’ve been having problems accessing my css and images folder from the index page of the template group that I created in the Control Panel.

I basically cut and pasted the existing html code into the index template with a link in the header:

<link rel=“stylesheet” href=“css/base.css” type=“text/css” media=“screen, projection” />

I tried putting the ‘css’ folder in the ‘introduction’ folder (containing my template group, since I saved it as a file) in the ‘templates’ folder without any success. Where should I place the ‘folder’ to be available to all template groups.

And where should my ‘images’ folder go?

Any suggestions would be greatly appreciated.

You can put your CSS and images folders anywhere you’d like just as with a normal static site. You just need to set your paths to them correctly, as you also would with a normal static site.

Your best bet with external css in EE is to reference the path from site root. So if your css folder is in the main root directory, use href=”/css/base.css” instead of the relative path.

You can use the following tag:

{site_url}

like this example:

{site_url}assets/siteimages/icons/email.png

Problem solved. Thank you all for your input.