title: CSS Background-Position Not Working?
body: <p>I have the below code and I'm trying to add an attribute to center the background but it's not working.</p>
  
  <p>Existing Code:</p>
  
  <pre><code>&lt;div class="av-section-color-overlay" style="opacity: 1; background-color: #000000; background-image: url(http://andytraph.com/wp-content/uploads/2015/08/avatar.jpg); background-repeat: repeat;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Existing CSS:</p>
  
  <pre><code>opacity: 1;
  background-color: #000;
  background-image: url("http://andytraph.com/wp-content/uploads/2015/08/avatar.jpg");
  background-repeat: repeat;
  }
  </code></pre>
  
  <p>The CSS I tried to add is:</p>
  
  <pre><code>.av-section-color-overlay {
   background-position: center center !important;
    }
  </code></pre>
  
  <p>The website is <a href="http://andytraph.com/" rel="nofollow">http://andytraph.com/</a> and I'm trying to center the full-screen Avatar image</p>