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 CSS: Cascading Style Sheets Use ID Selectors

Posted by Maxine Tregoning
Maxine Tregoning
253 Points

css cascade - background color not changing. Have checked main.css in the css file, the syntax and cascade, please help.

Hello there! I am having trouble changing the background to orange. I have checked the main.css file is in the css folder, have checked the syntax in the file and have checked the cascade. I can’t see where I have gone wrong. any ideas? Thanks Max

rhysadams
rhysadams
4,847 Points

Hey Maxine,

CSS can be frustrating when you're first learning it. When changing the background colour, you must lay it out like this:

body{ background-color: orange; }

What this does is select the body inside your html file and changes the background of it. If you need anymore help just reply below! Best of luck!

Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

You either have to post the code, both HTML and CSS, or a workspace snapshot. If you post code, please format as directed in the Markdown Cheatsheet linked below. To make a snapshot, click the camera icon in the upper right side of your workspace. Follow the steps until you can copy the hurl and paste it here.

Many people have problems that are resolved by clearing the browser cache. You might try that.

Maxine Tregoning
Maxine Tregoning
253 Points

Thanks Rhys and Ted Your help is really appreciated. I can’t see a problem with my layout so will try and post a workspace snapshot. Max

1 Answer

Maxine Tregoning
Maxine Tregoning
253 Points
Maxine Tregoning
Maxine Tregoning
253 Points

Ok, so...I am such a complete beginner at all this that I am having trouble posting the snapshots I’ve taken, or understanding how to use the markdown sheet. I have cleared the cache so I don’t think that was the problem. Your responses are appreciated, please be patient with me, I’ll repost as soon as I’ve worked this out. Thanks. Max

rhysadams
rhysadams
4,847 Points

No worries Maxine, at least screenshot it using your computer and upload it somewhere for us to see? Or maybe copy and paste your markup (will be messy).

You could also post your markup to pastebin and send us a link to view?

Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

For the snapshot, go to Workspaces (it has to be the Treehouse workspace) and click the camera icon. Then there is a screen that you have click create (or something like that). Then you open the snapshot. That will open a window that shows the snapshot. Copy and paste that url here.

If you want to copy and paste your code, that is fine also. Pick either your html or css and copy it . then come here and double space below the text prior to where you want your quote. Then enter three ` (back ticks from the upper left of your keyboard), then the language of the quote with no spaces. Then push return and paste your code. Push return again and close the quote with three more `. It looks like this:

```html

paste your code here

```

This will format it and make it easier to read for everyone.

<body>
  <h1>This is an example.</h1>
</body>