title: jQuery Circular Content Carousel "ca-content-item" width
body: <p>So I found this useful jQuery Content Carousel(<a href="http://tympanus.net/Development/CircularContentCarousel/" rel="nofollow">http://tympanus.net/Development/CircularContentCarousel/</a>), which I have been looking for for ages.</p>
  
  <p>I have modified the codes to show from three boxes to five box:
  <a href="http://helpmyedu.com/test/" rel="nofollow">http://helpmyedu.com/test/</a></p>
  
  <p>However when I click "more", I have no idea where to modify the width of the div - ca-content-wrapper, to make it full width when "more" is clicked!</p>
  
  <p>Thanks for the help!</p>
  
  <p>Updated-------------------------------------
  So far, I have managed to make displaying the extended 
  items display properly, and closing the first three
  items properly...</p>
  
  <p>However, when I close the extended item, the last two on the right 
  hand side doesn't show the original items (Please refer to the link
  for what I'm talking about).</p>
  
  <p>Also while the extended window is opened, there are spaces when I
  try to navigate left or right....</p>
  
  <p>Please help</p>