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) Adding a New Web Page Write the CSS

Posted by Nick Evershed
Nick Evershed
6,429 Points

Color not changing

<!Doctype html>
<html>
    <head>
        <title>Nick</title>
        <link rel="stylesheet" href="resume.css">
    </head>
    <body>
        <img src="https://placeimg.com/640/480/any" alt="****">
        <h2>Summary of Qualifics</h2>
        <ul>
            <li>Cheese cake</li>
            <li>Apples</li>
            <li>Cheese</li>
        </ul>
    </body>
</html>

h1 {
    color: yellow;
}

Moderator edited: Markdown added so that code renders properly in the forums. Additionally, I have edited the code to remove profanity. Please refrain from such language in your posts even when in your code. Take a moment and review Treehouse's Code of Conduct

2 Answers

Andrew Phythian
Andrew Phythian
19,747 Points
Andrew Phythian
Andrew Phythian
19,747 Points

I don't see a <h1> element in your HTML to style. Only a <h2> element.

Samuel Llibre-Pillco
Samuel Llibre-Pillco
15,467 Points
Samuel Llibre-Pillco
Samuel Llibre-Pillco
15,467 Points

You are calling a Tag that isn't in your HTML. You hace to options: Change h2 on html to h1 and gonna work, or change h2 selector in CSS file. ;)

<!Doctype html>
<html>
    <head>
        <title>Nick</title>
        <link rel="stylesheet" href="resume.css">
    </head>
    <body>
        <img src="https://placeimg.com/640/480/any" alt="****">
        <h1>Summary of Qualifics</h1>
        <ul>
            <li>Cheese cake</li>
            <li>Apples</li>
            <li>Cheese</li>
        </ul>
    </body>
</html>

h1  {
    color: yellow;
}

Have fun ;)