Возникла проблема и не могу найти на нее ответ.
Редактирую на данный момент стандартный шаблон, модуль поиска в центре

как поместить модуль в нужный хук, на этот вопрос я нашел ответ .
Запихнул туда текстовый редактор главной страницы . Так же есть модуль HTML Box Pro . Но эффект собственно такой же .
Но вот что выходит

Собственно что нужно

Общая картина

. Насколько я понимаю хук это то в каком месте будет отображаться модуль, а то что он у меня съезжает за это отвечает css. Но как мне сделать "правильно" чтоб этот модуль находился четко по центру и не выезжал туда куда ненадо? встал на место модуля поиска? я не понимаю куда смотреть, где что менять ...
Подскажите пожалуйста новичку , как мне реализовать это?