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

HTML & CSS

I followed the video "Introduction to HTML & CSS" and tried to change background colour but nothing happened, how do i change it?

4 Answers

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

Can you add your code to your question so that I can assist you further? From a blank perspective, it could be that you have the incorrect property name or value.

background-color: tomato;

the code was background-colour: #e2e2e2; and i changed it to background-colour: blue;

but the background colour never changed to blue

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

Then I was right, you have misspelled the property name.

background-color and background-colour are two different things. The first is the correct property name, the second is invalid and thus the reason why your code doesn't work.

background-color: blue;

Another example would be using the value center as opposed to centre in UK English.

sorry, indeed it's color. i only removed #e2e2e2 and input blue. i don't know maybe i got the process wrong, what i did was launch workspace and just like in the video i clicked on "style.css" and changed the background color from there but there was no effect

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

It could be something as simple as a missing semicolon in your code. I would have to see your entire CSS file to verify this.

is there a way of copying and pasting on this platform so i can show you in pictures?

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

Even easier, check out the markdown cheatsheet link on this page (a bit below my reply) that shows you how to add code.

Thank you so much