Erhöhen Sie die Größe (Höhe) des Titelbereichs in ColorBox

Question

ich ColorBox bin mit mit ziemlich langen Titel

<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> 

und den Leuchtkasten Werke, um eine Diashow zu erstellen, aber die Beispiele in allem gibt es kein viel Platz für den Titel reserviert. Wie mache ich den Titelbereich größer, so dass ColorBox das Leuchtkasten-Fenster richtig dimensioniert?

---

Ermittelt eine gute Lösung für die Problemumgehung. Ich konnte den "Titel" mit einem ausgegrauten Hintergrund in das Bild verschieben, indem ich einige Stile von colorbox.css überschrieb.

#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; 
} 

basierend ich diese Überschreibungen auf den Stil in Beispiel 1 vorgesehen

Answer 1

das gleiche Problem Hit. Die Lösung besteht darin, einige "outerHeight" auf #cboxContent zu erzwingen, was von der verfügbaren Höhe des Bildes subtrahiert wird.

So:

#cboxContent { 
    padding-bottom:50px; 
} 

Anbetracht #cboxTitle absolut sein sollte, können Sie dann ihre Höhe beheben:

#cboxTitle { 
    height:50px; 
}