Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS How to Make a Website Customizing Colors and Fonts Organize CSS with Comments

I typed the code in Textastic on my iPad & it's perfect. But when I copy it into workspaces the CSS doesn't appear??

I've had to use my iPad to follow along with the course, so I've followed along by using Textastic to type the code for both the index.html & main.css files. When I open the index.html file straight from Textastic it appears exactly as it should & the CSS shows up. When I got back on my Mac, I opened Workspaces, created a new file named index.html & then copy & pasted the contents of the index.html I started in Textastic. I then opened created a new folder in workspaces and named it css, then I opened a new file and named it main.css. I then copy & pasted the main.css file I'd be working on in Textastic into the new Workspaces file. The CSS shows up fine in Textastic but it's completely missing in Workspaces. My document tree is exactly the same as are the contents of the index.html & main.css files in both Textastic & Workplaces. So why when my code is identical, is my CSS showing up when using Textastic but missing completely when using Workspaces??? I"m thinking I'm going to have to go back & start again in Workspaces to get the CSS to work so I can continue following along with the course. Any ideas?? Also, I just tried tested it in Textwrangler & BBEdit & the CSS showed up perfectly in them, just not in Workspaces.

1 Answer

Rostislav Kavan
Rostislav Kavan
6,818 Points

Well, I just tried copying simple code from external editor into workspace, into index.html and main.css.

Everything works just fine. You have definitely made some error in the folder structure or the linking to the main.css.

When in Workspace, be sure your tree structure really contains index.html file in its root, and main.css in CSS folder.

Then your link should be: link href="css/main.css" rel="stylesheet"

If you still cannot figure it out, you may insert a printscreen of your Workspace editor in here, so we may identify the specific issue.