WordPress / Avada - Как исправить обтекание текста вокруг изображения на экранах среднего размера

Question

Я работаю над страницей, созданной в Avada на WordPress.

Если кто-то знаком с этим, мы используем блоки содержимого для построения вертикальной шкалы времени, и все идет хорошо, за исключением одной небольшой проблемы, с которой нам нужна помощь.

На экранах среднего размера часть текста неловко прилипает к стене, как на рисунке ниже. Мне интересно, есть ли какое-то правило CSS, которое мы можем применить к нему, чтобы текст оставался ниже изображения, когда оно становится меньше полноэкранного размера. Это происходит, как только мы находимся на маленьком экране телефона.

Мы сами ничего не кодировали, но конструктор страниц использует следующие правила:

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

Спасибо!

Answer 1

Не уверен, что Content Box будет лучшим элементом для использования того, что вы пытаетесь сделать. Я бы предложил просто построить две 1/1 строки внутри контейнера и использовать элемент изображения, а затем текстовый элемент. Используйте Fusion Builder Live и переключайте каркас на изображении, чтобы получить хорошее представление о его структуре.