묻고답하기
위젯스타일 폰트 크기 변경
2009.07.16 14:10
위젯 스타일에서 '심플타이틀'을 사용하고 있습니다.
제목 폰트를 줄이고 싶은데 어디에서 바궈줘야하나요?
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
.widgetBoxContainer{ position:relative;}
.widgetBox{ position:relative; *zoom:1; }
.widgetBox:after{content:""; display:block; clear:both; }
.widgetBox .widgetBoxHeader{ font-size:12px; font-family:Gulim; margin:0; z-index:10;}
.widgetBox .widgetContainer{ position:relative; z-index:10;}
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Gulim; color:#ccc; text-align:center; z-index:20;}
.widgetBox .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;}
.widgetBox .rcBottom .bl{ top:0;}
.widgetBox .rcBottom .br{ top:0;}
.widgetBoxG .widgetBoxHeader{ position:relative; border:1px solid #e7e7ef; padding:4px 0; text-indent:20px; background:url(../img/headerBgG.gif) repeat-x 0 center;}
.widgetBoxG .widgetMore{ top:7px; right:15px;}
.widgetBoxG .rcContainer{ display:none !important;}
댓글 5
-
리우
2009.07.16 14:36
-
글쓴이
2009.07.16 14:51
그부분 계속 수정해 줬는데 전혀 변화가 없군요.
위젯스타일이 이상해요.
글씨색 변경해도 계속 검은색으로 나오고...
심플 타이틀 위젯 스타일에 에러가 있는건가요?
-
리우
2009.07.16 15:36
그러면요... 이렇게 해보세요...
font:.75em;
이걸로 수정해보세요 그래도 않될려나 몰라요....
숫자는 조정해야죠...
1.5em, 1.2em , 1em , .75em 이런식으로 수정하면 됨니다...
소숫점도 포함합니다... 정수로 표현할때는 제외하고요...
소수점 아래는 0을 제외해도 됨니다..
-
글쓴이
2009.07.16 17:21
해결했습니다.
버그인지 에러인지 모르겠는데,
위젯 스타일을 여러개 사용할경우는 전부다 바꿔줘야합니다.
문제점이 풀려서 좋기는 한데
앞날이 걱정이네요..
-
글쓴이
2009.07.16 17:22
답글 주신 리우님께 감사드립니다. ^^
아래의 파란색 부분을 수정해보세요....
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
.widgetBoxContainer{ position:relative;}
.widgetBox{ position:relative; *zoom:1; }
.widgetBox:after{content:""; display:block; clear:both; }
.widgetBox .widgetBoxHeader{ font-size:12px; font-family:Gulim; margin:0; z-index:10;}
.widgetBox .widgetContainer{ position:relative; z-index:10;}
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Gulim; color:#ccc; text-align:center; z-index:20;}
.widgetBox .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;}
.widgetBox .rcBottom .bl{ top:0;}
.widgetBox .rcBottom .br{ top:0;}
.widgetBoxG .widgetBoxHeader{ position:relative; border:1px solid #e7e7ef; padding:4px 0; text-indent:20px; background:url(../img/headerBgG.gif) repeat-x 0 center;}
.widgetBoxG .widgetMore{ top:7px; right:15px;}
.widgetBoxG .rcContainer{ display:none !important;}