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 Michal Broniewicz
Michal Broniewicz
6,681 Points

Background image not showing up

Hey, Im creating some website and i wanted to add another background image to my #wrapper. I guess i wrote code the right way because in firefox site inspector i can see the rule and when i move mouse over file path - background image I wanted shows up. But its not visible on site... Its not covered with other layers, i tried to remove main background and still nothing.. here is part of css. I also tried changing background-image to simply background.

#wrapper {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 5%;
  background-image: url('../img/retina_wood.png');
}

1 Answer

Máté Végh
Máté Végh
25,607 Points

Hey Michal,

Everything looks good. To see the problem, I'd need to see more of your code.

But here are some stuff you should double-check:

  • Does the wrapper have a height? If not, add some and see if the background image appears.
  • Is the file path to the image correct?
Michal Broniewicz
Michal Broniewicz
6,681 Points

Height was the problem! Thank you Matt.

Máté Végh
Máté Végh
25,607 Points

I'm glad I could help. Good luck, Michel!