이미지 갤러리 캡션 스타일에 대해

http://badnom.com/777 이 글에 대한 답변 포스팅이다. 이미지 갤러리의 캡션은 일반 이미지의 캡션가 다르게 나온다. 이유는 다르게 제어하기 때문이다. 일반 이미지의 캡션은 css파일의 .cap1로 제어한다면, 이미지 갤러리 갭션은 .galleryCaption로 제어한다.

.galleryCaption를 추가한 뒤 .cap1과 같이 스타일로 적용시키면 된다. 그런데 여기에 문제가 하나 있다. 바로 이미지 갤러리 캡션의 색상은 제어가 안된다는 것이다.

자세한 내용은 http://forum.tattersite.com/ko/viewtopic.php?id=3705 에 나와있다. 아무튼 이미지 갤러리의 캡션의 색상을 제어하기 위해선 important를 추가해야 한다.

내 스킨의 이미지 캡션과 이미지 갤러리 캡션 부분이다.

/* 16. 이미지 아래 캡션 스타일 */
 .cap1 {
 color: #330000;
 text-align: center;
 font: 12px "바탕", "바탕체";
 margin: 4px;
}

/* 20. 이미지 갤러리 캡션 스타일 */
 .galleryCaption {
 color: #330000!important;
 text-align: center;
 font: 12px "바탕", "바탕체";
 margin: 4px;
}

이렇게 하면 이미지 갤러리의 캡션 스타일도 이미지 캡션과 같이 나오게 된다.