Почему это происходит с этой темой wordpress?

Question

Я пытался выяснить, почему это происходит. Если вы посетите «http://adslabmedia.com/freestuff/» и прокрутите страницу вниз, вы увидите, что тестирование продукта и процесс Sun не выровнены. Я не понимаю, почему это происходит, я создал эти блоки с помощью построителя, поэтому я ничего не мог сделать неправильно. Все с той же страницы делаются таким же образом.

Вот atributes я по поводу этих «промо коробки»: Атрибуты:

• изображения (фото загрузки для Promo Box элемента - может быть справа или слева)
• Название (название для элемента Progress Box);
• Содержимое (содержимое для элемента «Прогресс»);
• Кнопка Текст (введите текст для кнопки внутри Progress Box элемента)
• Кнопка Link (ссылка для кнопки)
• положение изображения (выбор между левой или правой позиции на стороне для изображения выше)
• Border (выбрать, если вы хотите, чтобы показать границу с правой стороны или нет)
• открыть в новом окне (выбрать, если вы хотите открыть ссылку в новом окне или нет)
• Animation (выберите вход анимации на свитке или оставить без анимация)

Спасибо за вашу помощь :)

Answer 1

Проблема заключается в том, что коробка находится в одной строке выше влево. Поскольку заголовок <h2>Quotezon Free Bike Insurance Quote</h2> отображается в две строки, поле имеет большую высоту, чем поле справа (на моем ноутбуке 9px). Поэтому «Sun Trial» не подходит с левой стороны и отображается справа. Я только что проверил, что происходит, когда заголовок уменьшен до <h2>Quotezon Free Bike</h2>. Затем в левой части экрана отображается «Sun Trial» и «Product Testing» с правой стороны в следующей строке.
В зависимости от размера экрана это происходит не только с «Sun Trial» - на моем экране то же самое относится ко второй строке с «Купоном XPlorer» (одно окно справа) и «Primark» в следующей строке налево. Возможно, вы можете настроить CSS на минимальную высоту для всех ящиков.

Answer 2

Ящик создан неправильно. По какой-то причине все его теги html имеют название слова в конце открытого тега.

<div class="column one-second column_promo_box" title=""> 
    <div class="promo_box no_border" title=""> 
     <div class="animate zoomInDown" data-anim-type="zoomInDown" title=""> 

Это небольшой образец, я бы предположил, что что-то пошло не так в его генерации.

EDIT:

При взгляде на другие блоки, которые отформатированы правильно код отличается так, поэтому я предполагаю, что они были созданы неправильно.