Как вывести несколько блоков внимания плагина WPRemark в ряд?
Для вывода нескольких блоков внимания плагина WPRemark в ряд можно использовать блок “Колонки” в редакторе Gutenberg.
Чтобы несколько блоков внимания плагина WPRemark с помощью HTML-кода, оберните их код в тег <div> с классом wpremark-blocks в следующем формате:
<div class="wpremark-blocks">
[Здесь укажите нужный шорткод плагина WPRemark]
[Здесь укажите нужный шорткод плагина WPRemark]
[Здесь укажите нужный шорткод плагина WPRemark]
</div>
Затем перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте следующий код:
/* Вывести несколько блоков внимания плагина WPRemark в ряд*/
.wpremark-blocks {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
Ширина данных блоков внимания будет зависеть от ширины их содержимого.
Чтобы два блока внимания в строке выводились на всю ширину, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте следующий код:
/* Вывести два блока внимания в строке на всю ширину */
.wpremark-blocks .wpremark {
width: 49%;
}
Если в строке будет выводиться три блока внимания, код
width: 49%
замените на
width: 33%
Вам помог ответ?