[IX.]

Всем привет!

На главной вывел несколько товаров с помощью шорткода [products ids="220, 224, 464"].
Но они не по центру, можно увидеть. Так вот как расположить только эти товары по центру, плюс увеличить их ширину (растянуть)? Не затрагивая стили других товаров.

Пробовал шорткод для вывода товара по отдельности и пихал их в таблицу. Товары почему-то были обрезаны.

Центрирование на шорткод не действует.

Может, есть какой-то плагин для стилизации?

Сайт - fabrikavolos36.ru

[Ems]

На выходе там все равно html, а значит, мы можем с ним взаимодействовать, как и с любым DOM-элементом.

Мы же в 2017 году, поэтому будем использовать Flexbox:

Код:

ul.products {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}

Но так могут быть изменения и на других страницах. Экспресс-вариант, под шорткодом вставить:

Код:

<style>
ul.products {
display: flex;
flex-flow: row wrap;
justify-content: space-around;
}
</style>

Таким образом, это будет применяться только на этой странице.

[west0293]

Потерто.

[IX.]

Ems, экспресс-вариант работает, благодарю!