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 trialKevin Vincent Julian
837 PointsWell, 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
Dana Al Taher
Courses Plus Student 9,499 PointsDid you link the css file to your index.html file correctly using the link tag?
Kevin Vincent Julian
837 Pointsyes... 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
28,694 Pointsdo 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
28,694 PointsI 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.
Dana Al Taher
Courses Plus Student 9,499 PointsI 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
837 Pointsmeaning....... 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? :)
Dana Al Taher
Courses Plus Student 9,499 PointsSo changing the class names did not work?
That's so weird and interesting :|
Simon Coates
28,694 Pointschanging location and hover size work fine for me using your code. I can observe the changes working.
Dana Al Taher
Courses Plus Student 9,499 PointsI 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
837 Pointsthanks 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?
Dana Al Taher
Courses Plus Student 9,499 PointsI'm glad I could help :)
Kevin Vincent Julian
837 PointsDana, 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
28,694 Pointscopied your code again. changed location text color to green and made the transition 3. worked perfectly. no other changes.
Dana Al Taher
Courses Plus Student 9,499 PointsCan you send a new URL to the newly edited version of your code in case you edited anything?
Kevin Vincent Julian
837 Pointshere's the new one: https://w.trhou.se/hd6n3a31kr
didn't change much aside from line 52 ";"
Kevin Vincent Julian
837 PointsGreat! it's now working! big help both of you.
Simon Coates
28,694 Pointsyou 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
231,248 PointsFYI: Spaces are not allowed in class names.
So a line like this:
<img class="Black Shoes">
...actually sets TWO classes: "Black" and "Shoes"
Dana Al Taher
Courses Plus Student 9,499 PointsI 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
Courses Plus Student 6,497 PointsMy 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
837 PointsI've tried saving it 3x then shifting to preview tab and refreshing for 3x as well......still nothing happens.
Cindy Lea
Courses Plus Student 6,497 PointsThe .nav .name is wrong. Should it be nav.name?
Flávia Souza
3,049 PointsThe name of the file should be "style.css" WITHOUT "s".
Dana Al Taher
Courses Plus Student 9,499 PointsThe 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).
Flávia Souza
3,049 PointsOw!! That´s true! ..... I thought we were talking about wordpress!! :)
Anyway, good luck!
Dana Al Taher
Courses Plus Student 9,499 PointsDana Al Taher
Courses Plus Student 9,499 PointsCan you provide us with more information regarding your problem?