title: Diamond shapes within Revolution slider
body: <p>I tried to create diamond shape images into the Slider Revolution like you can see <a href="https://static.afbeeldinguploaden.nl/1604/160237/ROYRu4wK.jpg" rel="nofollow">​here</a>. Unfortunately I cannot figure out how to create diamond images in Slider Revolution. </p>
  
  <p>Actions:</p>
  
  <ol>
  <li>I created custom square shape in Slider Revolution.</li>
  <li>I rotated the square shape 45 degrees. So far so good!</li>
  <li>I changed background of square with layer CSS:
  {background-image: url("../wp-content/uploads/2016/04/SBLi-brand-signs-G-STAR-RAW.jpg");}</li>
  </ol>
  
  <p>Result:
  1.. Background image viewed in slider-revolution customizer but not on front-end website.
  2. Background image rotated together with the square, how do I rotate back the background or is there a smarter, easier way to create diamond images in Slider Revolution? </p>
  
  <p>I attached a <a href="https://static.afbeeldinguploaden.nl/1604/160238/vWeqSzFq.jpg" rel="nofollow">image</a> for better understanding of my diamond image issue :)</p>