Unable to display the background picture in the supporting section


#1

I'm unable to display the background picture in the supporting section of the site.

In HTML I've made two lines for the headline in h2 en text in p. In CSS I have tried to fit in the background image in the html/body section which should be picked up in the supporting section, but it won't.

CSS:

.supporting {
  background-image:url("s3.amazonaws.com/codecademy-content/projects/bolt-network/diagmonds_@2X.png");
  background-size:141px 142px;
  text-align: center;
}

HTML:

 <body>
    <div class="main">
      [...]
    </div>

    <div class="supporting">
      <div class="container">
        <h2>A world of movies at your fingertips.</h2>
        <p>Choose from the latest titles, with new movies added every day.</p>
      </div>
    </div>

For some reason the background image is not displaying. Anyone has an idea?


#2

Hi Matthijs,

Could you please give me a link to a Codebit with all of your code in it? It'll be much easier for me to help you that way :)


#3

Hi zystvan,

Sorry, already solved the problem. The link I used works fine when used on it's own, just not in the code. Using "diagmonds_@2X.png" solved the problem for me.

Thanks anyway for your offer!


Project: Bolt. No background
#8

This topic is solved.