Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Customizing Colors and Fonts Pick Fonts and Set Relative Units

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
216,135 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

Maybe broken links? Able to show your HTML?

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

2 Answers

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

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;
}

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

Cindy Lea
PLUS
Cindy Lea
Courses Plus Student 6,485 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.