title: How to customize the size of JCoverFlip?
body: <p>I have recently started trying to implement JCoverflip into my website and I currently have what is displayed on this link <a href="http://www.jcoverflip.com/files/docs/jcoverflip-demo/index.html" rel="nofollow">Current Implementation</a></p>
  
  <p>However I want to be able to customize the size of the covers so I can use screenshots instead of these smaller covers. I am provided with some customization documentation on their website: <a href="http://www.jcoverflip.com/documentation/advance-customization" rel="nofollow">Customization Options</a> but I don't know how to use this or style the sizes of the images and container.</p>
  
  <p>The current CSS styles that are provided and used are below:</p>
  
  <pre><code>      .ui-jcoverflip {
      position: relative;
    }
  
    .ui-jcoverflip--item {
      position: absolute;
      display: block;
    }
  
    /* Basic sample CSS */
    #flip {
      height: 200px;
      width: 630px;
      margin-bottom: 50px;
    }
  
    #flip .ui-jcoverflip--title {
      position: absolute;
      bottom: -30px;
      width: 100%;
      text-align: center;
      color: #555;
    }
  
    #flip img {
      display: block;
      border: 0;
      outline: none;
    }
  
    #flip a {
      outline: none;
    }
  
  
    #coverflowwrapper {
      height: 300px;
      width: 630px;
      overflow: hidden;
      position: relative;
      margin:0 auto;
    }
  
    .ui-jcoverflip--item {
      cursor: pointer;
    }
  
     #scrollbar {
      position: absolute;
      left: 20px;
      right: 20px;
      display:block;
  
    }
  </code></pre>
  
  <p>Could someone please help as I'm confused how to use the documentation provided?</p>
  
  <p>Help would be much appreciated, Thanks.</p>