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

CSS CSS Basics (2014) Getting Started with CSS External Style Sheets

Posted by Lisa Henkel
Lisa Henkel
946 Points

The preview doesn´t show the changes i have made in my css file! Can anybody tell me why?

Hello Treehouse Community,

i follow every step in the video and wanted to see the changes, but nothing has changed in the browser ( and yes i relaunch my workspace multiple times). Furthermore i think i can say, i know how CSS is working in general and can´t find the error in the code. Maybe somebody can help me. Thank you, for your time.

body { text-align: center; }

h1 { font-size: 72px; color: white; }

header { background-color: orange; }

p { font-size: 20px; }

Mikołaj Gonciarz
Mikołaj Gonciarz
8,078 Points
Mikołaj Gonciarz
Mikołaj Gonciarz
8,078 Points

could you please provide HTML and file structure?

Lisa Henkel
Lisa Henkel
946 Points

Here the index.html file :

<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> <title>Lake Tahoe</title> </head> <body> <header> <span>Journey through the Sierra Nevada Mountains</span> <h1>Lake Tahoe, California</h1> </header> <p> Lake Tahoe is one of the most breathtaking attractions located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation. </p> <a href="#">Find out more</a> </body> </html>

colm
colm
13,037 Points

Lisa Henkel if you see the answer i wrote below you will see that the style.css is within a folder and the way to tell the the html where the file is you need to state which folder its in before telling the html what the file name is if you look at your can and see where you have written <link rel="stylesheet" href="styles.css"> it will need to be changed to <link rel="stylesheet" href="css/styles.css">

1 Answer

colm
colm
13,037 Points
colm
colm
13,037 Points

Have you made sure that you have included the css within the head section of your html?

if not try

<link href="css/style.css" rel="stylesheet">

or if your css isnt in a folder try

<link href="style.css" rel="stylesheet">

but make sure the name of the css is the same as yours