Always display image title

support
1

I’m attempting to clean up .meta for images to make them cleaner and to be displayed all the time; I’ve succeeded on all accounts except getting the title always to display.

Here’s where I’m at so far, which only works when hovering on the image:

image
image1528×1492 114 KB

Using this 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;
}

Edit: I figured out the long title wrapping issue and have updated the code for anyone else that wants to do this.