title: Changing website background for bootstrap template
body: <p>I'm doing some tutorials on web development with Django (I'm a complete beginner). I have downloaded <a href="https://startbootstrap.com/template-overviews/grayscale/" rel="nofollow noreferrer" title="this">this</a> bootstrap theme and succesfully implemented it for my future website. </p>
  
  <p>What I would like now is to personalise this bootstrap theme by changing the default background. The "grayscale" theme css is referred to like this:</p>
  
  <pre><code>&lt;!-- Theme CSS --&gt;
  {% load staticfiles %}
  &lt;link href="{% static 'aboutme/css/grayscale.min.css' %}" rel="stylesheet"&gt;
  </code></pre>
  
  <p>(I'm sure that this is what gives my webpage the grayscale theme, since when I delete these lines, the grayscale theme on my website is gone.) </p>
  
  <p>Looking in the "grayscale.min.css" file, I find the following line:</p>
  
  <pre><code>{display:table;height:auto;padding:100px 0;text-
  align:center;color:#fff;background:url(../img/intro-bg.jpg) bottom 
  center no-repeat #000;-webkit-background-size:cover;-moz-background-
  size:cover;background-size:cover;-o-background-size:cover} 
  </code></pre>
  
  <p>I guess this is where the background is set since the intro-bg.jpg in the img map is the grayscale background picture. However, when I try to change the background like:</p>
  
  <pre><code>background:url(../img/mybackground.jpg)
  </code></pre>
  
  <p>It doesn't work! The strange thing is that it seems like the site doesn't need the "grayscale.min.css" file at all; when I delete all its content and save it, nothing changes for my site! I don't get this since, like I mentioned earlier, when I delete the line:</p>
  
  <p><code>{% load staticfiles %} 
  &lt;link href="{% static 'aboutme/css/grayscale.min.css' %}" rel="stylesheet"&gt;</code></p>
  
  <p>The site <strong>does</strong> change!</p>
  
  <p><strong>Q:</strong> How do I solve this and change the background for my website?</p>