title: Changing button image in CSS in Rails/Spree store
body: <p>I'm creating a Spree store, and trying to make a button use an image instead of the default button that is included with the extension (and bootstrap). I can target the proper button in CSS, and deactivate the background color, border, etc. The background url doesn't work for the image (path: "app/assets/images/heart-icon.png"), but it works fine for any external image url.</p>
  
  <p>I assume my problem lies within the asset pipeline, but I can't figure out the proper path to set as the url.</p>
  
  <p>From my .css file:</p>
  
  <pre><code>form.new_wished_product button.btn.btn-info {
    background: url(assets/heart-icon.png);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    color: transparent;
    border: none;
  }
  </code></pre>
  
  <p>The button doesn't need to change when hovered or clicked -- it's just a simple image.</p>
  
  <p>Thanks!</p>
  
  <p>EDIT:</p>
  
  <p>I saw the related <a href="https://stackoverflow.com/questions/15257555/how-to-reference-images-in-css-within-rails-4">question</a> but thought mine was different because I had tried those solutions. I was trying to do this with plain CSS and changing the file extension to .css.scss worked for me.</p>