Does anybody know if there is there a way to make the colorbox title field always center the text vertically, even if there is more than one line of text in it. I suppose the css command vertical-align: middle; for the #cboxTitle is intended to do so. But it is not working. I temporary tried (in firebug) inserting a p tag with the command vertical-align: middle; around the text element as mentioned here http://css-tricks.com/vertically-center-multi-lined-text/ and it works, when I use the parent div (cboxTitle) with the command display: table;. But I dont know how to insert p tags around the text element. Please also have a look at the attached screenshots showing my problem or take a look at the website: http://www.schroeter-ht.de/en/fields-of-work/special-constructions
Any help would be greatly appreciated.
Best Regards
| Comment | File | Size | Author |
|---|---|---|---|
| #5 | vertically_centered_title-1789310-5.patch | 532 bytes | Anonymous (not verified) |
| #4 | vertically_centered_title-1789310-4.patch | 580 bytes | Anonymous (not verified) |
| one-line.png | 373.76 KB | brenes | |
| more-than-one-line.png | 116.35 KB | brenes |
Comments
Comment #1
brenes commentedanybody please?
Comment #2
dolly nyc commentedif you're using Views then you can rewrite the field to include the p tag around that text element.
Comment #3
brenes commentedThank you for your response. But I didnt use views, the gallery is made of cck fields only.
Comment #4
Anonymous (not verified) commentedThis seems to be a bug with the Stockholm Syndrome style. The CSS is there to make the title centered vertically, however it's being overwritten by some inline styles on the #cboxTitle element.
I'm not sure where those inline styles are coming from, so the attached patch simply adds '!important' to override the overrides.
Comment #5
Anonymous (not verified) commentedThis is still an issue in the 2.x branch.
As the filenames have changed, I've attached an updated patch.
Comment #6
frjo commentedCommitted to 7.x-2.x.