Всегда отображать заголовок изображения

Поддержка
1

Я пытаюсь очистить .meta для изображений, чтобы сделать их аккуратнее и отображать их постоянно; мне удалось добиться этого во всех аспектах, кроме того, чтобы заголовок всегда был виден.

Вот где я сейчас нахожусь, что работает только при наведении на изображение:

image
image1528×1492 114 KB

Используя этот CSS:

.meta .informations {
    display: none;
}

.meta {
    background: rgba(0, 0, 0, 0);
    color: white;
    justify-content: center;
    position: relative;
}

.discourse-no-touch a.lightbox:hover {
    box-shadow: none;
}

.meta .d-icon {
    display: none;
}

.meta .filename {
    white-space: normal;
}

Редактирование: Я разобрался с проблемой переноса длинного заголовка и обновил код для всех, кто захочет сделать то же самое.