Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Trouble in "Fonts and Colors", a completed website appeared out of nowhere!

I've encountered a strange problem...

I was almost finished the 'creating a website structure' module and decided to take a break so saved and quit out of the sublime text 2 program.

When I returned and opened my "Index.html" page on Sublime Text 2 only the HTML page was showing, the css and normalize had both disappeared! Also, the side bar that had previously been called folders was gone and was replaced by a side bar called 'open files'.

The weirdest part happened when I continued the lesson. I opened normalize and grid.css again and continued as normal. Though when it came to writing your own css in 'style.css' I refreshed the page and it showed the finished product of the whole project. Even though I hadn't added a background colour property it was still red, e.g

This is in my Style.css tab:

body{ font-family: 'Nunito', sans-serif; color: #FAF3BC; }

Can someone please explain how this is possible?

I hope I've explained it ok, any help is greatly appreciated!

Alexander Sobieski
Alexander Sobieski
6,555 Points

Several things may have happened:

1) make sure that the address in the url bar is actually to a file on your computer (and not smellslikebakin.com)

2) Make sure you're pointing to the correct Index file on your computer (you may have inadvertently navigated to a completed version that got downloaded

3) Make sure you're pointing to the correct CSS file

4) With Sublime Text, it will close-out your project from the sidebar. To get it back in there, make sure your sidebar is turned on (view >> sidebar), and drag/drop the folder with all your dev files. Open the files from the folder tree in your sidebar.

Hi there,

Thanks so much for the quick reply!

I've found an older "index" file to go back and try again from.

In terms of the sidebar though I'm still struggling. I've tried (view >> sidebar) and it thinks the side bar is already on; so the only option it offers is to turn it off.

What is a dev file?

I've drag and dropped Normalize and Grid and they've appeared along the top of the code running horizontally. The folder tree is exactly what's missing.

Thanks again for the help!

Alexander Sobieski
Alexander Sobieski
6,555 Points

Drag the folder that contains nomalize and grid.

Dev files are short for Developer/Development files (all the files you're using in your website development project) -- Usually html/css/images & any Javascript/php (and so on) files that make up the whole site.

1 Answer

Thanks for all your help!