이미지 갤러리 캡션 스타일에 대해
리뷰와정보 | 2008/01/11 07:48
http://badnom.com/777 이 글에 대한 답변 포스팅이다. 이미지 갤러리의 캡션은 일반 이미지의 캡션가 다르게 나온다. 이유는 다르게 제어하기 때문이다. 일반 이미지의 캡션은 css파일의 .cap1로 제어한다면, 이미지 갤러리 갭션은 .galleryCaption로 제어한다.
.galleryCaption를 추가한 뒤 .cap1과 같이 스타일로 적용시키면 된다. 그런데 여기에 문제가 하나 있다. 바로 이미지 갤러리 캡션의 색상은 제어가 안된다는 것이다.
자세한 내용은 http://forum.tattersite.com/ko/viewtopic.php?id=3705 에 나와있다. 아무튼 이미지 갤러리의 캡션의 색상을 제어하기 위해선 important를 추가해야 한다.
내 스킨의 이미지 캡션과 이미지 갤러리 캡션 부분이다.
이렇게 하면 이미지 갤러리의 캡션 스타일도 이미지 캡션과 같이 나오게 된다.
.galleryCaption를 추가한 뒤 .cap1과 같이 스타일로 적용시키면 된다. 그런데 여기에 문제가 하나 있다. 바로 이미지 갤러리 캡션의 색상은 제어가 안된다는 것이다.
자세한 내용은 http://forum.tattersite.com/ko/viewtopic.php?id=3705 에 나와있다. 아무튼 이미지 갤러리의 캡션의 색상을 제어하기 위해선 important를 추가해야 한다.
내 스킨의 이미지 캡션과 이미지 갤러리 캡션 부분이다.
/* 16. 이미지 아래 캡션 스타일 */
.cap1 {
color: #330000;
text-align: center;
font: 12px "바탕", "바탕체";
margin: 4px;
}
.cap1 {
color: #330000;
text-align: center;
font: 12px "바탕", "바탕체";
margin: 4px;
}
/* 20. 이미지 갤러리 캡션 스타일 */
.galleryCaption {
color: #330000!important;
text-align: center;
font: 12px "바탕", "바탕체";
margin: 4px;
}
.galleryCaption {
color: #330000!important;
text-align: center;
font: 12px "바탕", "바탕체";
margin: 4px;
}
이렇게 하면 이미지 갤러리의 캡션 스타일도 이미지 캡션과 같이 나오게 된다.
Trackback Address :: http://badnom.com/trackback/803
