Search code examples
htmlcsswordpressimageowl-carousel

Owl carousel extra space while displaying the actual image size

I am using the reality wordpress theme, I am trying to display the actual image which is center focused in theme

Look this I have modified the css to

.iwp-property-gallery-slider-v1 .owl-item figure img {    
        position: relative;
    width: auto;    
    max-width: 800px;
}

Here images are coming with extra white space at each end of the items. Any help would be highly appreciated.

enter image description here

Solution

  • autowidth isn't something that you can control with the css.

    You need to enable it in the js with autoWidth:true

    Check Documentation Here