Reply To: Carousel pictures don’t match!

December 2, 2020 at 6:23 am #10035267
Support
Keymaster

Hello,

Oh right!

Unfortunately there’s no 100% effective method to do that. You have two options:

1) Resize all images with a image software editor to have the same size.

or

2) Instead of use a <img> tag. Show the images with background-image: url(). For example, remove the <img> tag and add the code below in the same place:

<div class="my-custom-image" style="background-image: url(img/imagename.jpg); background-size: cover; background-position: center;"></div>

And add in (css/custom.css):

.my-custom-image {
    height: 300px;
}

* Note that this method can “cut” some parts of the images.

We hope this helps!

Kind Regards,

Rodrigo.

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads