colorbox 캡션 (길이가 긴 캡션과 캡션)을 사용자 정의하십시오.

Question

예를 들어 link을 참조하십시오.

어떻게 캡션 아래에 긴 캡션을 추가 할 수 있습니까? 우리는 태그의 제목에 한 줄을 추가 할 수 있습니다

나는 높이 또는 최고 추가하여이 스타일

#cboxTitle { 
position: absolute; 
bottom: -25px; 
left: 0px; 
text-align: center; 
width: 100%; 
font-weight: bold; 
color: #7C7C7C; 

} 을 변경하려고 : 예를 들어, 다음과 같은 3 줄을 추가 800 픽셀, 자막 deisapear을

Answer 1

사용 해보셨습니까?

#cboxTitle { 
position: absolute; 
bottom: -25px; 
left: 0; 
text-align: right; /* MODIFIED */ 
width: 600px; /* MODIFIED */ 
font-weight: bold; 
color: #7C7C7C; 
word-break: break-word; /* ADDED */ 
margin-right: 100px; /* ADDED */ 
margin-left: 100px; /* ADDED */ 
} 

이렇게하면 2 줄의 텍스트가 허용됩니다.

다음 줄을 추가로 제거하려면 위의 CSS 조각을 제거하십시오.

/* bottom: -25px; */ 

아래 (사용 "/ * CSS 여기 * /"그래서 당신은 코드를 유지할 수 있습니다 주석!) 예는 그 후이 부분 이동 한 "3 세의 이미지"를 얻을 주위 하구 조금 걸릴 것입니다 :)

희망이

Answer 2

이 솔루션은 나를 위해 작동하는 것 같다 데 도움이 : 나는 또한이 솔루션 https://gist.github.com/eddyyanto/1620742을 찾았지만, 공동의 v.1.5.x 작동하지 않는 것

$(document).bind('cbox_complete', function(){ 
    var cboxTitleHeight = $('#cboxTitle').height(); 
    var cboxContentHeight = $('#cboxContent').height(); 
    var cboxWrapperHeight = $('#cboxWrapper').height(); 
    var colorboxHeight = $('#colorbox').height(); 

    $('#cboxMiddleLeft, #cboxMiddleRight, #cboxContent').css('height', (cboxContentHeight + cboxTitleHeight) + 'px'); 
    $('#cboxWrapper').css('height', (cboxWrapperHeight + cboxTitleHeight) + 'px'); 
    $('#colorbox').css('height', (colorboxHeight + cboxTitleHeight) + 'px'); 
}); 

lorbox.