Имеется код
<?php
if( have_posts() ){
while( have_posts() ){
the_post();
f( has_post_thumbnail() ){
$feat_image_url = wp_get_attachment_url( get_post_thumbnail_id() );
echo '<div class="service_header" style="background-image:url('. $feat_image_url .');">
<div class="row">
<div class="col-md"><div class="page-h1">'.the_title().'</div>
<a href="#" class="prime-btn">Записаться онлайн</a>
</div>
</div>
</div>';
}
}
}
?>
Тут идея такая:
Имеется div, у которого выводится изображение фоном через background. Внутри этого div выводится заголовок страницы и кнопка для заказа. Изображение должно задаваться из админки wordpress, которое загружается как миниатюра записи.
Что получается в итоге?
Изображение задается, кнопка на месте. Но заголовок выкидывает за конструкцию
prntscr.com/ju1uy8 стрелочкой указал, где должен выводится заголовок.
Вопрос: как вывести заголовок в нужном месте?