Lightbox — искажение пропорций картинки

Иногда тема wordpress конфликтует с плагинами Lightbox (которые позволяют открывать картинку во всплывающем контейнере с анимацией, затемнением заднего фона и т.п.).

Проблема в том, что картинка искажена, то есть пропорции ее сторон не соответствуют изначально загруженному оригиналу.

Выглядит это так:

Искажение картинки по ширине в Lightbox

Для исправления нужно открыть панель разработчика (клавиша F12 в Firefox или Chrome) и найти место, где в коде указаны размеры картинки в контейнере, в котором она находится.

CSS-свойства картинки в контейнере LightBox

Также смотрим путь к файлу CSS , который задает ей эти свойства.

Исправляем искажение картинки по ширине в плагине  Lightbox

Находим этот файл на сервере через FTP-клиент и добавляем свойство max-width: 100%; или max-width: inherit; (чтобы свойства картинки наследовались от родительского контейнера)

добавляем свойство max-width: 100%; в css свойства картинки lightbox
добавляем свойство max-width: 100%; в css свойства картинки lightbox

После чего картинка выглядит нормально по ширине:

исправленная картинка в плагине LightBox