Первую проблему решил заданием стилей для
.owl-carousel .owl-item img {
width: auto;
margin: 0 auto;
}
А вторую https://owlcarousel2.github.io/OwlCarousel2/demos/...

Может быть вам лучше выбрать Opencart?

Смотрите можно сделать так

<style>

</style>
<style>
        ul {
            font-size: 0;
        }
        ul .icon,
        ul p {
            display: inline-block;
            vertical-align: middle;
        }
        ul p {
            font-size: 16px;
        }
        ul .icon {
            text-align: center;
            width: 50px; // здесь значение картинки с макс. шириной
        }
    </style>
    <ul>
        <li><div class="icon">Картинка</div><p>Текст <span>Текст с другим текстом</span></p></li>
    </ul>

Здравствуйте! Создайте новый объект WP_Query, задайте ему параметры, он заполнит Ваш объект $post.
$my_posts = new WP_Query(); Можно указать разные параметры для создания выборки. Подробнее тут https://wp-kama.ru/function/wp_query или тут https://codex.wordpress.org/Class_Reference/WP_Query

<? if ( $my_posts->have_posts() ) : ?>
    <? while ( $my_posts->have_posts() ) : $my_posts->the_post(); ?>
                <h4><? the_title(); ?></h4>      
    <? endwhile ?>
<? endif ?>