title: Fullpage.js Background Image
body: <p>I have just started using the fullpage.js library(?) and am wondering how to add in a background image to a section. I have tried adding in a new div inside the section and also adding a new class to the section but to no avail.
  Please help!</p>
  
  <p>HTML
      </p>
  
  <pre><code>&lt;div class="section bg" id="section0"&gt;&lt;h1&gt;Section&lt;/h1&gt;&lt;/div&gt;
  &lt;div class="section" id="section1"&gt;
  &lt;div class="slide active"&gt;&lt;div class="wrap"&gt;&lt;h1&gt;Hello fullPage.js&lt;/h1&gt;&lt;/div&gt;&lt;/div&gt;
  &lt;div class="slide"&gt;&lt;h1&gt;This is an awesome plugin&lt;/h1&gt;&lt;/div&gt;
  &lt;div class="slide"&gt;&lt;h1&gt;Which enables you to create awesome websites&lt;/h1&gt;&lt;/div&gt;
  &lt;div class="slide"&gt;&lt;h1&gt;In the most simple way ever&lt;/h1&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="section" id="section2"&gt;&lt;h1&gt;Just testing it&lt;/h1&gt;&lt;/div&gt;
  &lt;div class="section" id="section3"&gt;&lt;h1&gt;Looks good&lt;/h1&gt;&lt;/div&gt;
  
  
  &lt;/body&gt;
  </code></pre>
  
  <p>CSS (My custom css on top of the standard)</p>
  
  <pre><code>.bg {
      background: url(../img/Blurred%20Backgrounds%20(13).jpg) no-repeat center center        fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
  </code></pre>