1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Элементы fs-row в строку?

Главные вкладки

Аватар пользователя Delewo Delewo 22 января в 19:40

Здравствуйте!

Вывожу представление (блок) терминов таксономии, в коде страницы вижу:

<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>

По умолчанию элементы myelement выводятся в "столбик", а мне надо в строчку.

Для fs-row в файле grid.css есть правило:

.fs-row {
    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".)

Лучший ответ

Аватар пользователя Babich Babich 23 января в 11:58
1

У блока ведь долен быть уникальный id. Добавьте что-то типа:

#id-блока .fs-row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

Или пришлите ссылку и место, где нужно стилизовать.

Комментарии

Аватар пользователя Babich Babich 23 января в 11:58
1

У блока ведь долен быть уникальный id. Добавьте что-то типа:

#id-блока .fs-row {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

Или пришлите ссылку и место, где нужно стилизовать.