Сайты на заказ > Сайтостроение > Баг в Oxygen Builder 3.9: изображения в тексте не адаптивные

Баг в Oxygen Builder 3.9: изображения в тексте не адаптивные

В официальной группе Oxygen часто можно увидеть похожий вопрос: «Почему изображения, размещенные в контенте, не реагируют на просмотр на мобильном устройстве?». В этом случае изображение может либо не вписываться в ширину страницы, вызывая пробел справа, либо сплющиваться по ширине (в зависимости от того, как изображение было добавлено, используете ли вы Гутенберг или нет).

Это очень легко исправить массово для всех изображений сайта. Добавьте этот универсальный код CSS в таблицу стилей вашего сайта:

 

.oxy-stock-content-styles img, .ct-inner-content img {
  max-width: 100%;
  height: auto;
}

Баг в Oxygen Builder 3.9: изображения в тексте не адаптивные

У меня все сработало как нужно.

Изначально было вот так как на фото ниже.

Баг в Oxygen Builder 3.9: изображения в тексте не адаптивные Баг в Oxygen Builder 3.9: изображения в тексте не адаптивные

После добавления кода, картинки наконец стали такими как они и должны быть, а не в полную высоту и сплюснутыми по ширине.

Баг в Oxygen Builder 3.9: изображения в тексте не адаптивные

Также если что-то идет не так (в комплекте с плагином кэша WP Rocket), то можно попробовать вот этот код.

.oxy-stock-content-styles .wp-caption {
margin: 1em 40px;
width: auto !important;
}

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Copyright © 2021, GuruSite24. Копирование материалов сайта запрещено.
menu-circlecross-circle