title: Edit element style in wordpress
body: <p>I have a slider in my WP where pictures get cropped when I resize the window</p>
  
  <p>Here is a picture of a slide when the website is fullscreen and besides is the same slide when I resize the window which we can see is cropped on the right:
  <a href="http://i.stack.imgur.com/5IutS.jpg" rel="nofollow">click to open the image</a></p>
  
  <p>(when "inspect element" I can see that element.style section that I didn't manage to find on my css files)</p>
  
  <p>Then on the element inspector I edited the element.style by adding "background-position: center;" and when I resized again the window the picture did exactly what I wanted (it centered as I was resizing):
  <a href="http://i.stack.imgur.com/VKb4F.jpg" rel="nofollow">click to open the image</a></p>
  
  <p>As I said I tried to find the css sheet where I could edit that but I learned that it could not be done that way and that I had to force the WP to update by adding css lines</p>
  
  <p>I tried theses:</p>
  
  <pre><code>.animate-in[styles] {
      background-position: center !important;
  }
  
  .animate-out[styles] {
      background-position: center !important;
  }
  </code></pre>
  
  <p>but didn't manage to get anything working...</p>
  
  <p>Please help!</p>