묻고답하기
Contents 위젯의 제목부분 색깔을 바꾸고 싶어요
2012.06.27 05:14
Contents 위젯의 TAB 형태를 이용해서 최근 글을 뽑아오고 있는데요, 위의 그림의 작성된 글 "제목" 부분 색깔을 바꾸고 싶습니다.
그래서 widget.css 에서 해당 부분을 설정하는 부분을 찾긴했는데 색깔은 무슨일인지 안바꿔지네요.
폰트 사이즈, 글쓴이 색깔, 리플 달린 숫자 색깔 등등은 쉽게 조정이 가능한데 제목부분 색깔은 안바꿔 집니다.
.widgetTableA td .title{ color:#XXXX;} 을 이용해서 설정해봤는데 안됩니다.
다른 부분을 손대야하는 것인지 레이아웃의 CSS를 봐야 하는 것인지 완전 막혀있습니다.
혹시 도움을 주실 수 있으실런지요. Please
.widgetTableA { width:100%; font-size:12px; position:relative; border:0;}
.widgetTableA td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px 5px 1px 5px;}
.widgetTableA td .title{ width:100px; white-space:normal;}
.widgetTableA td .board{ padding-right:5px;}
.widgetTableA td .notice{ padding-right:5px;}
.widgetTableA td .category{ padding-right:5px; font-weight:normal;}
.widgetTableA td .replyNum a{ font:10px Tahoma;}
.widgetTableA td .trackbackNum a{ font:10px Tahoma;}
.widgetTableA td.author{}
.widgetTableA td.time{ font-size:11px; font-family:Tahoma;}
.widgetTableA td.title a{ color:#333;}
.widgetTableA td .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .category{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetTableA td .replyNum a{ color:#ffb61a;}
.widgetTableA td .trackbackNum a{ color:#66c;}
.widgetTableA td .author { color:#333;}
.widgetTableA td .date{ color:#333;}
.widgetTableA td .hour{ color:#888;}
.widgetTableA td .title{ width:100px; white-space:normal;} 부분이 아닌
.widgetTableA td.title a{ color:#333;} 부분의 color:#333을 원하시는 색상으로 변경해보세요. ^^