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

Question

Если вы посетите http://www.timkainu.com/journal/, вы увидите, что некоторые «избранные изображения» всплывают слева от текста. Как текст может обернуться вокруг изображения? Я использовал Firebug, чтобы попытаться выяснить, какая часть CSS влияет на него, но я потерпел неудачу, очевидно.

Сайт работает на WordPress, а используемая тема называется «Поразительная», которую можно найти на ThemeForest.

Спасибо!

Answer 1

Вы должны будете внести некоторые изменения в тему, чтобы сделать эту работу. Чтобы текст обернулся вокруг изображения, текст и изображение должны находиться в одном контейнере. В этом случае изображение находится в одном DIV, а текст находится в DIV рядом с ним. Вам нужно переместить div.image_styled.entry_image внутри div.entry_info, чтобы это работало. Возможно, вам также понадобится внести некоторые коррективы в CSS, так как он не предназначен для обтекания таких изображений.

Answer 2

Имеете ли вы в виду, например, первый элемент «Costco Photo Center Review» с изображением Costco слева?

Изображение заключено в <div class="image_styled entry_image"></div>, а текст внутри <div class="entry_info"></div>, оба из которых обернуты внутри <article id="xxx" class="entry entry_left">

Чтобы текст был обернут вокруг изображения, они должны находиться в одном контейнере с изображением, установленным на float: left.Я не уверен, как это относится к Wordpress, но с точки зрения HTML и CSS, это правильный путь.