Zwiększ rozmiar (wysokość) na obszarze tytułowego ColorBox

Question

Używam ColorBox do tworzenia pokazu slajdów z dość długich tytułów

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

i pracach Lightbox, ale we wszystkich przykładach, nie ma dużo miejsca zarezerwowanego dla tytułu. Jak zwiększyć rozmiar obszaru tytułowego, aby ColorBox prawidłowo dopasował okno "elastyczne" do lightboksa?

---

Wykreślono przyzwoite rozwiązanie. Udało mi się przenieść "tytuł" do obrazu z szarym tłem, zastępując niektóre style od 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; 
} 

Oparłem takich zmian na styl przewidzianych w przykładzie 1.

Answer 1

Hit ten sam problem. Rozwiązaniem jest wymuszenie jakiegoś "outerHeight" na #cboxContent, który zostanie odjęty od dostępnej wysokości obrazu.

Więc:

#cboxContent { 
    padding-bottom:50px; 
} 

Zważywszy #cboxTitle powinna być bezwzględna, można wtedy ustalić jego wysokość za:

#cboxTitle { 
    height:50px; 
}