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 How to Make a Website Customizing Colors and Fonts Pick Fonts and Set Relative Units

Posted by nagamani palamuthi
nagamani palamuthi
6,160 Points

after rearranging code, my css code does not show on the webpage. no color or change color with hover. was working befo

this happened after the comments lesson.

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

You'll need to show your code to make it possible for someone to provide assistance.

You can share everything at once if you make a snapshot of your workspace and provide the link to it.

Damien Watson
Damien Watson
27,419 Points
Damien Watson
Damien Watson
27,419 Points

Maybe broken links? Able to show your HTML?

nagamani palamuthi
nagamani palamuthi
6,160 Points

https://w.trhou.se/8n9ne4v0zz hope this will help in viewing my html code

nagamani palamuthi
nagamani palamuthi
6,160 Points

my css code. https://w.trhou.se/4ufhwzlojl

2 Answers

Damien Watson
Damien Watson
27,419 Points
Damien Watson
Damien Watson
27,419 Points

In the HTML, line 38, the alt property is missing a closing double quote. This will have broken your page structure so may attribute to broken css. Wouldn't cater for the initial part of your site fail though.

<a href="img/numbers-01.jpg">
  <img src="img/numbers-01.jpg" alt=""> <!-- added " -->
</a>

Ok, also found that in your css, you are missing a closing bracket at line 24 for #logo:

#logo{
  text-align:center;
  margin:0;
} /*  <---  */

h1 {
  font-family:'changa One', sans-serif;
}
Damien Watson
Damien Watson
27,419 Points
Damien Watson
Damien Watson
27,419 Points

Also, by default 'h1' is set to bold, as your imported font is already bold, this causes it to be bolder than designed. You may want to set h1 to normal.

h1 {
  font-family:'changa One', sans-serif;
  font-weight:normal;
}
nagamani palamuthi
nagamani palamuthi
6,160 Points

Thank you all for your help. mr. watson, you were right. My code works now!

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

When you rearranged code you may have changed the precedence of the code. Some properties get changed by more than one class & if you change the order, you may have changed which properties get changed first/last. Without the code, I cant tell.