Album titles are truncated with Iconic style Album set thumbnail grid

pmerts · 2019-01-11 05:25:20

I am in the process of converting from Okapi to Pangolin templates, and am having a problem with the display of the Album titles in my Album set.

I'm using the Iconic style thumbnail grid; the Album titles appear below the thumbnail images, but they are truncated. They should wrap around, but only the top line of the Album title is displaying. Is there a way to show multiple lines of an Album title?

Here is a page where this is occurring: https://petermerts.com/galleries/30_prison-art/

Thanks, Peter

rod barbee · 2019-01-11 07:45:53

If you need more room for description, try the Descriptive layout.
You can also try increasing the character limit in the album set template

Daniel Leu · 2019-01-11 07:46:09

Maybe following custom.css might do the trick:

.albums-classic .album-title, .albums-iconic .album-title {
    white-space: inherit;
}

pmerts · 2019-01-11 09:51:48

Daniel, where would I insert this code?

rod barbee · 2019-01-11 10:09:12

custom css: http://backlight.theturninggate.net/doc … tylesheets

rod barbee · 2019-01-11 10:12:54

Daniel Leu wrote:

Maybe following custom.css might do the trick:
.albums-classic .album-title, .albums-iconic .album-title {
    white-space: inherit;
}

Nice!

Daniel Leu · 2019-01-11 10:22:09

rod barbee wrote:

Daniel Leu wrote:
Maybe following custom.css might do the trick:
.albums-classic .album-title, .albums-iconic .album-title {
    white-space: inherit;
}
Nice!

There might be some unwanted side effects..... There are additional properties that control how the wrapping happens: overflow-wrap, word-break, or hyphens.

rod barbee · 2019-01-11 10:44:05

You could apply this to .album-description too probably? (I think that’s the selector)

Matthew · 2019-01-14 17:38:03

Titles are limited to one line to ensure that all album items are of equal height, which ensures the layout works as it's supposed to. Having items of mismatched height, you may find the grid does not wrap as it should.

pmerts · 2019-01-21 02:36:59

Thanks for the tips, everyone. The Iconic grids worked well with my long album titles in Okapi, but not so much in Pangolin. So I've switched to Descriptive grids in Pangolin, which handle long album titles well.

Community @ The Turning Gate

#1 2019-01-11 05:25:20

Album titles are truncated with Iconic style Album set thumbnail grid

#2 2019-01-11 07:45:53

Re: Album titles are truncated with Iconic style Album set thumbnail grid

#3 2019-01-11 07:46:09

Re: Album titles are truncated with Iconic style Album set thumbnail grid

#4 2019-01-11 09:51:48

Re: Album titles are truncated with Iconic style Album set thumbnail grid

#5 2019-01-11 10:09:12

Re: Album titles are truncated with Iconic style Album set thumbnail grid

#6 2019-01-11 10:12:54

Re: Album titles are truncated with Iconic style Album set thumbnail grid

#7 2019-01-11 10:22:09

Re: Album titles are truncated with Iconic style Album set thumbnail grid

#8 2019-01-11 10:44:05

Re: Album titles are truncated with Iconic style Album set thumbnail grid

#9 2019-01-14 17:38:03

Re: Album titles are truncated with Iconic style Album set thumbnail grid

#10 2019-01-21 02:36:59

Re: Album titles are truncated with Iconic style Album set thumbnail grid

Board footer