Display a larger title

[Paul Randall]

I would really like to be able to put more text in the *fancy_title*
so that it would allow a paragraph or two. The image currently only
displays 1 line. Would it be possible to have a div/table/element that
allowed more than 1 line of text?

[mofle]

Bump

[andrnag]

I also need this functionality. It's very useful to display large
title string on sites. And I wish fancybox to dynamicaly change
fancybox_title size.

[OmEr]

I also need this functionality. Is there anyone that handles this
problem?

[JFK]

there is a workaround (for a square title)
after you have loaded your fancybox.css file, below the <link
rel="stylesheet" ... add:

<style type="text/css" media="screen" >
td#fancy_title_left,
td#fancy_title_right,
td#fancy_title_main {background: #000 url();}

div#fancy_outer {overflow: visible;}
div#fancy_title {bottom: -53px; }
div#fancy_title div {color: #fff; background: #000;}
</style>

the problem here is that it will work when you have the SAME amount of
lines in ALL title, otherwise the title will be either overlapping the
picture or it will be far below of it (my example works nice to me for
a 3 line title)

you can eventually play with these values:
if you need more lines, increase the value of bottom: in
div#fancy_title to something like -63px or vice verse.
Additionally you could play with the size of the font within -
div#fancy_title div - like:
div#fancy_title div {color: #000; background: #fff; font-size: 10px;}
so you would reduce the amount of lines with a smaller font
play also with the background/foreground colors to fit your needs but
it may look far different from the original 'fancy' fancybox concept

Optionally add:
div#fancy_inner {border: none;}
so the title will look aligned with the picture