Прописать изображениям стили

Аватар пользователя new-art21 new-art21 22 августа в 11:32

Помогите пожалуйста
Странная ситуация, не знаю где искать:
пишу тему с ноля.
Сайт-визитка простой
Все файлы templates скопировала с базовой темы (кажется classy), чтобы не было накладок.
Дальше уже все редактирую в пользовательской теме.
Проблема:
картинки внизу страницы, у них нет стилей.
А моя задача сделать их флексом 4 в ряд (в мобильной 2 в ряд ). Но div без стилей, поля картинок тоже без стилей. Темизировать нечего.
Странно что раньше были стили хотя бы у картинок (выравнивала float)
а теперь ни float ни flex. Нет стилей у них и все. Создавала новые поля.
Загружала и через image и через media.
Бестолку.

Лучший ответ

Аватар пользователя new-art21 new-art21 22 августа в 12:14

Классы добавились к изображениям!
Скопировала код с темы drupal (пятая попытка)
Но контейнер с несколькими фото все равно без стиля.

Комментарии

Аватар пользователя new-art21 new-art21 22 августа в 11:41

Может в файле image-style.html.twig причина? Я его не меняла

{#
/**
* @file
* Theme override for an image using a specific image style.
*
* Available variables:
* - attributes: HTML attributes for the image, including the following:
* - src: Full URL or relative path to the image file.
* - class: One or more classes to be applied to the image.
* - width: The width of the image (if known).
* - height: The height of the image (if known).
* - title: The title of the image.
* - alt: The alternative text for the image.
*
* @see template_preprocess_image_style()
*/
#}
{{ image }}

Аватар пользователя new-art21 new-art21 22 августа в 12:14

Классы добавились к изображениям!
Скопировала код с темы drupal (пятая попытка)
Но контейнер с несколькими фото все равно без стиля.

Аватар пользователя new-art21 new-art21 22 августа в 12:41

через float заработало, если кто-то знает решение через flex, напишите пожалуйста

Аватар пользователя VasyOK VasyOK 22 августа в 12:44

Врядли тут какой-то высокоуровневое программирование, что надо править image-style.html.twig.
Автор, вы бы ссылку на тестовую версию свой разработки дали. И скриншот того, что хотите сделать.

Аватар пользователя new-art21 new-art21 22 августа в 12:58

в том то и дело что самое простое хочу:
текст
внизу галерея в строчку из фото.

И раньше делала, а в этот раз нет стандартного стиля поля картинки.
написала код стиля картинки, но float теперь для всех картинок данного размера. Не самый лучший вариант.

А в идеале хотела float 25% и 50 % в зависимости от экрана.

Аватар пользователя new-art21 new-art21 22 августа в 13:08

Не хочется float всем картинкам контента задавать. Вдруг вверх станет, и будет ну совсем...