I'm using Owl Carousel to display images, but I don't know how to set horizontal pictures same height as vertical pictures without screwing up the whole carousel.

This is the page: link

I've tried to set .owl-item to width:auto but that will only cut the carousel at the end. It will stop at a certain point and won't let me see the other images.


    <div class="owl-item" style="width: 409px;"><div class="item-0">  
  <div class="views-field views-field-field-foto-beauty">        
    <div class="field-content">
      <img typeof="foaf:Image" src="http://erlinevanhijfte.be/sites/default/files/IMG_5283.jpg" width="667" height="1000" alt="" title="">

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.