묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
위젯 제목 색 변경
2012.06.25 15:33
위의 사진은 content위젯을 이용해 만든 임시 페이지입니다.
공지사항과 밑줄, 게시판의 제목을 변경하고 싶습니다.
/www/xe/widgets/content/skins/default/css라는 경로의 widget.css라는 파일에서 어디부분을 수정해야지 공지사항과 밑줄친 부분, 게시판의 제목이 변경이 되나요?
약간의 자문자답이 되었네요.
widget.css파일에서 widgetZineA li .title{ color:#.....;}에서 ....<----이 점점점 부분을 바꿔서 게시판의 제목 색을 바꿨습니다.
공지사항과 밑줄의 색깔 변경은 어떤걸 바꾸면 될까요?
또 자문자답이 되었네요 ^^;;;
공지사항과 밑줄은 위젯이 아닌 위젯스타일에서 바꿉니다.
경로 /www/xe/widgetstyles/simple에서 style.css파일을 다운받습니다.
css파일을 열면
div.simpleWidgetStyle h2 { margin:0 0 10px 0; padding:0 0 5px 0; font:bold 16px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; border-bottom:2px solid #뭐뭐뭐;}
라고 나와 있는데 저 뭐뭐뭐(알기 쉽게 이렇게 표기했음)가 밑줄의 색깔을 나타냅니다. 원하는 색으로 바꿔주시면 됩니다.
예: 뭐뭐뭐---> 00aef0 등으로 원하는 색으로 바꿔주시면 됩니다.
그리고 공지사항이라는 제목은 color:#원하는 색깔; 를 div.simpleWidgetStyle h2 {}안에 집어넣어 주시면 됩니다.
그럼 아래와 같이 입력을 하고 저장을 해서 서버에 올립니다.
div.simpleWidgetStyle h2 { margin:0 0 10px 0; padding:0 0 5px 0; font:bold 16px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color:#00aef0; border-bottom:2px solid #00aef0;}
원하는 색으로 공지사항과 밑줄이 변경이 됩니다.