Aumentar el tamaño (altura) del área de título en ColorBox

Question

estoy usando ColorBox para crear una presentación de diapositivas con títulos bastante largos

<a class="slideshow" href="image.gif" 
title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam iaculis velit 
eget augue tincidunt a tempor risus volutpat. Integer tempor sapien justo. Ut 
facilisis odio nec risus aliquet nec rhoncus nunc ultrices. Nulla facilisi. Ut ac 
ligula a metus rhoncus feugiat. Praesent lacinia diam neque, sed tempor felis. Morbi 
sed sapien sem, vitae pulvinar nunc. Fusce metus dolor, iaculis eget venenatis a, 
gravida sed tellus." rel="slides">Slideshow</a> 

y las obras de luz, pero en todos los ejemplos, no hay una mucho espacio reservado para el título. ¿Cómo hago que el área del título sea más grande para que ColorBox ajuste correctamente la ventana "elástica" de la caja de luz?

---

Encontré una solución de solución decente. Pude mover el "título" en la imagen con un fondo atenuado al anular algunos de los estilos desde colorbox.css.

#cboxTitle { 
    text-align:justify !important; 
    width:98.5% !important; 
    margin-bottom:24px !important; 
    padding:5px !important; 
    background-color:#333 !important; 
    opacity:0.75 !important; 
    filter:alpha(opacity=75) !important; 
    color:#fff !important; 
} 

basé estas anulaciones en el estilo proporcionadas en el ejemplo 1.

Answer 1

Hit el mismo problema. La solución es forzar un «outerHeight» en #cboxContent, que se restará de la altura disponible de la imagen.

Así:

#cboxContent { 
    padding-bottom:50px; 
} 

Considerando #cboxTitle debe ser absoluta, a continuación, puede fijar su altura demasiado:

#cboxTitle { 
    height:50px; 
}