title: spree 3.0 bootstrap customization how to
body: <p>I've installed a Spree 3-0-Stable test site and I would like add bootswatch theme and change the padding of a few bootstrap items.</p>
  
  <p>I'm struggling to understand where I do this.</p>
  
  <p>One example is that I would like to modify the .panel-footer padding so and items price is shown in a smaller box.</p>
  
  <p>I think that overrides should go in app/assets/stylesheets/spree/frontend.</p>
  
  <p>when I add the following </p>
  
  <pre><code>    .panel-footer {
        /* padding: 10px 15px; */
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
      }
  @import "bootstrap";
  </code></pre>
  
  <p>to </p>
  
  <blockquote>
    <p>app/assets/stylesheets/spree/frontend/frontend_bootstrap.css.scss</p>
  </blockquote>
  
  <p>the padding of the price box does not change , but the equal spacing of the items in the grid is lost.</p>
  
  <p>I am going down the correct path to customize  the store like this ?</p>