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

H1 font color won't turn blue

hi-

I am trying to change the H1 font color to blue. Am I missing something?

Here's my HTML file:

<!doctype html> <html> <head> <title> Elvira Gonzalez's Resume </title> <link rel="stylesheet" href="resume.css"> </head> <body> <img src="https://placeimg.com/200/200/people" alt="Elvira Gonzalez, Web Developer"> <h1>Elvira Gonzalez, Web Developer</h1> <h2>Summary of Qulifications</h2> </body> </html>

Here's my CSS file:

h1 { color:blue; }

4 Answers

Frederick Bogdanoff
Frederick Bogdanoff
15,338 Points

I just had the same problem. I closed the index.html file, and made sure that I saved both the resume.html and resume.css files. I believe the issue arose from the files not being saved before I refreshed the page.

It should work the way you have it, do you see any errors?

No. I even tried to add a border and will not work.

HTML:

<!DOCTYPE html> <html> <head> <title> Elvira Gonzalez's Resume </title <link rel="stylesheet" href="resume.css"> </head> <body> <img src="https://placeimg.com/200/200/people" alt="Elvira Gonzalez, Web Developer" class="main-image"> <h1>Elvira Gonzalez, Web Developer</h1> <h2>Summary of Qulifications</h2> <ul> <li> Experience in ios</li> <li> Experience in HTML, CSS and Javascript</li> <li> Bachelor of Business Administration</li> </ul> </body> </html>

CSS: body { font-family:"Arial"; } .main-page { border:solid 4px black; border-radius: 50%; }

Is there any reason why I should have the index.html and styles.css files and resume.html and resume.css ? In this video they write the code in the resume.html and resume.css files but not sure what index.html and styles.css files are for?

Make sure you write the CSS styles in the file that matches the link in the <head> of your HTML, example: the link in your HTML is pointing to resume.css, then you include all the styles in the resume.css file.

how do I do that, Plz help me