Как я могу исправить проблему обрезки изображения в WordPress?

Question

Я установил различные изображения как избранные изображения, но изображения обрезаются, как мне добиться показа всего изображения?

Вот мой сайт https://www.herbalcity.co/

Пример получения изображений с обрезкой

Я использовал следующее css:

.preloader .full-width {

    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.full-width {

    min-width: 100%;
}
img {
    border: 0;
}
img {
    display: inline-block;
    color: transparent;
    height: auto;
    font-size: 0;
    vertical-align: middle;
    max-width: 100%;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: auto;
    image-rendering: auto;
    -ms-interpolation-mode: bicubic;
}

Answer 1

Я исправил проблему. Проблема не может быть исправлена ​​с помощью CSS, поскольку CDN обрезает изображение перед отображением, поэтому CSS не поможет.

Сейчас я использую макет, отличный от другого плагина, и теперь он работает .

Answer 2

Вы можете использовать object-fit для уменьшения изображения, чтобы оно всегда было полностью видимым. Некоторая справка: https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit

.contain {
  object-fit: contain;
}

.cover {
  object-fit: cover;
}