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 Introduction to HTML and CSS (2016) Getting Familiar with HTML and CSS Welcome to HTML and CSS

Prathap Sandai
Prathap Sandai
438 Points

In the Welcome to HTML and CSS video there a tutorial teaching how to change the button colour and it didnt work for me!

I followed the instructions for the video to change the button colour from grey to blue but nothing happened :( I deleted the grey colour and inserted blue , as she said there was a weird orange dot next the the css tab though , when i refreshed the page nothing happened

The weird orange dot in the css tab means the file has had changes made to it but it hasn't been saved. If you save the code (ctrl + s) then when you refresh your web page it will have the changes you made showing for you.

I hope this helps :)

3 Answers

I Dilate
I Dilate
3,983 Points

Hi Pratap,

Ted left you a comment that I think answers your question.

When you try out some code from a lesson, every time you make a change that you want to view, you'll need to save it first. Unfortunately, Workspaces do not auto-save - you'll need to do it manually by selecting File > Save in the menu for the file in question, or by pressing the Ctrl + S shortcut on your keyboard.

As Ted said, the red dot is in indication that you've made a change on a file but haven't saved it yet. If you see a red dot, but you've finished making your changes, then it's time to save.

Once you've saved your files, you can go ahead a Preview them.

Previewing a file without saving will simply load the previous version of it that was saved. If you haven't ever saved the file since creating it, then it'll preview an empty page or it'll show you how the page was provided for you at the start of the lesson's workspace (the original state in which you found it).

Easy mistake to make though - once you get the simple things sorted out, you'll be flying!

Good luck with your journey, Rich

Prathap Sandai
Prathap Sandai
438 Points

YES!! I got that! thaaanks!!!!

Christopher Flores
Christopher Flores
6,898 Points

thanks guys

that "save the code (ctrl + S), then refresh" helped me too