Board Thread:New Features/@comment-24739709-20150518230347/@comment-4731443-20150826202623

Hi JoshuaJSlone. First of all, I absolutely agree that it would be best if we could style elements individually. That said, in the meantime, here's the external CSS I use for these: JoshuaJSlone wrote: Maybe more appropriate for this application would be the ability to set some height-relative-to-infobox-width ratio limit. Personally I just use a max-width for now, width height: auto to preserve ratio. I believe you could add a max-height and width: auto to limit both dimensions while preserving ratio. .pi-theme-book .pi-image-thumbnail { max-width: 240px; width: auto; max-height: 480px; height: auto; }

JoshuaJSlone wrote: I wish I could tell titles, headers, and individual rows to be centered rather than left-justified. Maybe CSS could help for titles and headers? Not sure if one could affect the way only certain data rows are handled. Ylimegirl wrote: You can do that by choosing the right css class and saying "text-align:center;". Text-align will work for titles, however not for regular data rows since they can't be selected individually. Here's what I use for the first row in my infobox (after the title and image): .pi-theme-book div:first-of-type div:first-of-type { margin-left: auto; margin-right: auto; } Note that text-align does not work here because the containing div is automatically left-aligned; what you need to do is center the div itself using margins.

For different rows, you would need to use "div:nth-of-type(3)" (for example) instead of the first "div:first-of-type" to affect the third row. And if your infobox has optional entries that don't display when empty, that gets tricky.

Hope that helps!