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

Posted by Stephanie AlGhani
Stephanie AlGhani
252 Points

Background image not working

When I save and preview in the browser, it is showing the backup color, NO image. Here is the style code I wrote.

body { font-family: 'Kite One', sans-serif; color; #FAF3BC; background: #420600 url('img/bg-gradient.jpg') repeat; }

1 Answer

Fletcher Horton
PLUS
Fletcher Horton
Courses Plus Student 7,945 Points
Fletcher Horton
Fletcher Horton
Courses Plus Student 7,945 Points

It should be this: body { font-family: 'Kite-One', sans-serif; color: #FAF3BC; /--- NOT this color; (use : after color instead of ;) ---/ background #420600 url('img/bg-gradient.jpg') repeat; }

Also, make sure your image is labeled correctly and is in the correct folder. If you have firebug installed it can help you narrow down the problem. What's the url so I can take a look?

Stephanie AlGhani
Stephanie AlGhani
252 Points

THanks! Actually it turned out my jpeg file was just too big, because it shows up just fine when I made it smaller.