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 Building Web Pages with HTML and CSS

Kevin Vincent Julian
Kevin Vincent Julian
837 Points

styles.css tab

  • every edit and save doesn't appear in the preview

Can you provide us with more information regarding your problem?

Kevin Vincent Julian
Kevin Vincent Julian
837 Points

Well, I'm in the basics so I'm currently working on the "Intro" project... then in the video tutorial it says "look for the location tag in css and change the color yellow to white".... and so I did but whenever I save it and refresh the page, font doesn't change to white... so I though maybe it's only here so I moved on.... so the next tip was to adjust the hover size and degrees.... and so I did what I was told....but still nothing happens.... but whenever I change the text in the index tab and save it; it works.....weird

Did you link the css file to your index.html file correctly using the link tag?

Kevin Vincent Julian
Kevin Vincent Julian
837 Points

yes... I didn't do much editing since it's basic tutorial, whatever the video asks me to do I try it.

I double checked the videos' codes and it's similar to mine. (same goes for the css tab)

Simon Coates
Simon Coates
28,694 Points

do you know how to get the url for a workspace snapshot? You can share your code so people can create a copy and debug.

Simon Coates
Simon Coates
28,694 Points

I tried modifying the css at different points to see if there was a breakage somewhere that was causing the css to not be evaluated. I can't find any issues that would affect changes going through.

I am not 100% sure but I guess this might work. I see that some of your classes are named using 2 words (such as the social media buttons and the tag name and location), in cases like this, try avoiding the use of space between both words, like so:

<img class="Black-Shoes">

or

<img class="BlackShoes">

or

<img class="Black_Shoes">

or anything like that instead of:

<img class="Black Shoes">

and remember to change the names in your css file...

I hope this helps!

Kevin Vincent Julian
Kevin Vincent Julian
837 Points

meaning....... I really did not do much and edited as I was told but there's a bug that's making its color not change to white? :)

So changing the class names did not work?

That's so weird and interesting :|

Simon Coates
Simon Coates
28,694 Points

changing location and hover size work fine for me using your code. I can observe the changes working.

I looked at the code again and I found out that you did not include the ";" after the word white in line 52 of the code.

Try adding that and tell me what happens.

Kevin Vincent Julian
Kevin Vincent Julian
837 Points

thanks for the info, Dana. That's duly noted,

Simon, so it means the codes are working fine with you but for my own view it's not?

I'm glad I could help :)

Kevin Vincent Julian
Kevin Vincent Julian
837 Points

Dana, nothing happened. First concern would be the font color of the location tag to change into white.. Second for the Cat image to spin 360deg and increase its size to 3 whenever I hover my mouse.

Simon Coates
Simon Coates
28,694 Points

copied your code again. changed location text color to green and made the transition 3. worked perfectly. no other changes.

Can you send a new URL to the newly edited version of your code in case you edited anything?

Kevin Vincent Julian
Kevin Vincent Julian
837 Points

here's the new one: https://w.trhou.se/hd6n3a31kr

didn't change much aside from line 52 ";"

Kevin Vincent Julian
Kevin Vincent Julian
837 Points

Great! it's now working! big help both of you.

Simon Coates
Simon Coates
28,694 Points

you can download the workspace. As the file is just html and css, you should be able to view it on your local machine. It would at least rule out the extremely remote possibility of workspaces serving old content.

Steven Parker
Steven Parker
230,018 Points

:point_right: FYI: Spaces are not allowed in class names.

So a line like this:

<img class="Black Shoes">

...actually sets TWO classes: "Black" and "Shoes"

I already said that, I put three examples of how it should be written and one example of how it shouldn't. :)

4 Answers

Cindy Lea
PLUS
Cindy Lea
Courses Plus Student 6,497 Points

My guess is you still need to refresh the browser after the preview & on the page of the preview. Im using Chrome & have to do this alot.

Kevin Vincent Julian
Kevin Vincent Julian
837 Points

I've tried saving it 3x then shifting to preview tab and refreshing for 3x as well......still nothing happens.

The name of the file should be "style.css" WITHOUT "s".

The actual name of the file doesn't matter as long as the extension is correct and as long as it is written correctly in the hyml document (in the link tag).

Ow!! That´s true! ..... I thought we were talking about wordpress!! :)

Anyway, good luck!