Давайте представим, что вы уже несколько часов искали способ, как заставить текст в вашем шаблоне "обернуть" нужную картинку. Как, например, в этом примере:

Пожалуйста, помните: Stripo использует принцип табличной верстки в своей работе, и каждый элемент редактора находиться в строгой иерархической подчиненности другому "старшему" элементу Так, блок может быть помещен только в контейнер, контейнер в структуру, а структура, в свою очередь, в полосу.

Поэтому такой дизайн, как обтекание картинки текстом со всех сторон относиться к "нестандартным" решением Редактора. Однако, команда поддержки пользователей Stripo с радостью обучит вас парочке хитростей и на конкретном примере покажет, как воплотить такое решение в жизнь.

Итак, как обернуть картинку текстом?

  • Выберите новую структуру с 3 контейнерами из панели настроек и перетащите ее в шаблон, как только вы это сделаете, вы обнаружите следующий вид:

  • Следующим шагом будет заполнение боковых контейнеров с текстом.

  • и добавление нужной картинки:

  • Кроме того, можно выровнять текст в соответствии с вашими предпочтениями и при необходимости избавиться от всех отступов, которые мешают или уменьшить отступы между контейнерами:

  • Следующим шагом будет добавление дополнительного текста под изображение. Для этого нужно скопировать текстовый блок, нажать кнопку "переместить" и поместите скопированный текстовый блок под блок с изображением. В последствии вы увидите такое отображение:

  • Следующим шагом является добавление еще одной пустой структуры над уже существующим контентом:

  • наполните ее нужным текстом:

  • удалите все отступы, чтобы достичь желаемого результата:

  • И последнее, но не менее важное. Настройте блоки стилями, которые подходят для вашего дизайна: удалите лишний текст снизу и слева. Кроме того, вы можете установить любые стили для структуры: добавив цвет для фона:

Не стесняйтесь проявлять фантазию, создавая креативные и адаптивные шаблоны с помощью Stripo, а в случае возникновения дополнительных вопросов - обращайтесь к команде Support unit в чате или письмом на почту support@stripo.email

Вы нашли ответ?