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

HTML

Changes in text editor are not appearing in index.html

As I dove into css, the text editor and index.html are not syncing. My changes are not appearing in index.html although they are correct. Please help.

6 Answers

When you view source of the site you should be able to click on the .css file as if it were a link. Make sure it shows up correctly. Often times when CSS doesn't show up it means you are working on a different copy of the css file or the link isn't working properly.

I'm very new to this. I'm following along with the videos, and I have passed all the quizes, even the css quiz. However, on my mock up it is not syncing. some step by step guidance would be greatly appreciated.

Open your webpage in google chrome.

Right click on anything on the page and choose "inspect element".

Under the elements tab, expand the section called <head> and look for the <link rel="stylesheet"> link. The href="<some_path>" should appear as a link. Click that link. If the path is correct it should show your CSS file (with all your updates). If it gives you any other error you will just need to correct this.

@Danny - Please create a "working" example of you code using codepen.io.

If you've never use codepen.io before, no problem here's a step by step guide to using codepen for creating working examples.

We will then be able to see your code and offer some better suggestions.

Is their a site like codepen.io that allows you to view both front and backend code?

I was able to get the css style sheets to work. However, I am stuck on changing fonts and color in my 'style.css' tab. I have the 'style.css' saved into my 'css' folder but font family and color are not syncing with my index.html once again any thoughts?

Make sure both html and css files are saved in the same folder, and that you don't have any duplicate files on your desktop.