title: Flexslider - Possible to have margin between slides?
body: <p>I have an (unusual) request from a client for there to be at least 40 pixels padding/margin between each slide during the "slide" animation. The default for Flexslider, is for the items to be flushed against one another.</p>
  
  <p>There's a new JQuery option in 2.0 for "itemMargin", but it appears to be only used for the "carousel" set up. If I apply margin via CSS, each slide bumps into the next slide.</p>
  
  <p>Is there anyway to apply margin between slides, or is this an impossible option?</p>
  
  <p>Here's my current option set up</p>
  
  <pre><code>$(window).load(function() {
      $('.home_slider').flexslider({
  
          animation: "slide",              //String: Select your animation type, "fade" or "slide"
          smoothHeight: false,            //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
          slideshow: false,                //Boolean: Animate slider automatically
          controlNav: false, 
          directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
          prevText: "%",           //String: Set the text for the "previous" directionNav item
          nextText: "&amp;",
          // Carousel Options
          itemMargin: 40
      });
  </code></pre>