Здравствуйте!
Вывожу представление (блок) терминов таксономии, в коде страницы вижу:
<div class="fs-row">
<div class="myelement views-row odd"></div>
<div class="myelement views-row even"></div>
<div class="myelement views-row odd"></div>
<div class="myelement views-row odd"></div>
<div class="myelement views-row even"></div>
<div class="myelement views-row odd"></div>
</div>
По умолчанию элементы myelement выводятся в "столбик", а мне надо в строчку.
Для fs-row в файле grid.css есть правило:
.fs-row {
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
Если вместо display: flex указать display: inline-flex, а вместо flex-wrap: wrap указать flex-wrap: nowrap, то это решает задачу. Только не хочется редактировать правила для всего fs-row.
Как еще можно решить данную задачу? В настройках блока ничего подобного не нашел, смог лишь добавить myelement (вывожу как "Неформатированный список", в "Класс строки" добавил "myelement".)
- Блог
- Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Комментарии
У блока ведь долен быть уникальный id. Добавьте что-то типа:
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
Или пришлите ссылку и место, где нужно стилизовать.
Babich, большое спасибо! С #id-блока .fs-row все получилось.
Пожалуйста. Нажмите под комментарием с ответом «Решение».