Slider image "stretched"

gigiograndi

Hy,
how to create the right dimension of image for slideshow or what css rule for the custom.css file we've to do, to not have the stretched effect?

Regards

Ninja

gigiograndi
Hi
The image use 100% width for the responsive view, and it will be auto resize in the slideshow
You do not need to choose a fix width as current image already not stretched.
There is only Height that is added so image fill complete background behind the text.
You can use this code in custom css

.acm-slideshow .owl-carousel .item .slider-img {
    height: inherit;}

and this code to set a max height

.acm-slideshow .owl-carousel .owl-item {
    max-height: 740px;
}

The result will be like this : http://prntscr.com/135uomz
Regards

gigiograndi

Hy,
Added the code, with height fitted with our image, but nothing changes, we upload the image and you can see and tell as what rule to add to custom.css

Regards

Ninja

gigiograndi
Hi

.acm-slideshow .owl-carousel .item .slider-img{height: inherit!important;}

.acm-slideshow .owl-carousel .owl-item{max-height:780px}

Use this in first line, set the max-height as per needs.

gigiograndi

Hy,
Worst. Image is cutted.

Regards

Ninja

gigiograndi
Kindly check before and after it just height not strech. And heights in px is for complete view.
You can share an illustrated screen shot how u want to set as image already 100% with text over it.

gigiograndi

Hy,
If i've understood, i put ONLY the first line of code in custom.css.

Take alook at attachments: the image as is and the screenshot of home page. How to have the image without cutting? Tried with your second line of code but seems not working

Original image:
Home Page screenshot:

Regards

Ninja

gigiograndi
Hi
I have this view in PC Full HD :

it appear you are checking it by resize browser or lower screen size on which the style is changed.
You can add this code in custom css and increase the padding value 150px it will add padding on the text and allow you to see more height for car image.
@media (min-width: 992px){ .acm-slideshow .owl-carousel .item .slider-content { padding: 150px 0; }}

gigiograndi

Hy,
Sorry for delay, perfect.

Regards

Ninja

gigiograndi
Glad to hear its works for you.