# 트렌디(TRENDY)
> **`카테고리`** 패션
>
> **`지원 솔루션`** 고도몰
>
> **`글로벌`** 지원 (한국어, 영어, 중국어, 일어)
>
> [샘플샵📱 보기 →](http://m.design23.godomall.com/)
>
> [디자인센터 바로가기 →](https://design.nhn-commerce.com/freeskin.php)
포인트 컬러 일괄 변경하기
1. 컬러코드값 확인\
Trendy 스킨에 적용되어 있는 기본 컬러 코드 **#2e84d3**을 확인합니다.
2. **디자인 스킨 리스트 접속** | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트\
해당 스킨이 상점별 작업스킨에 체크 되어있어야 합니다.
3. **스타일시트/CSS 변경** | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트\
좌측 하단 폴더트리 내 스타일시트/CSS더블 클릭하여 아래와 같이 표시된 **스타일 시트**를 오픈합니다.
4. ctrl+F 검색 후 수정하기\
스타일시트 파일을 열어 **Ctrl + F(검색)**를 누르고 **#2e84d3**를 검색하여 **원하는 포인트 컬러 코드**로 변경합니다. \
\
css/gd\_button.css (153)
css/gd\_common.css (5)
css/gd\_plus\_review\.css (7)
css/event/event.css (3)
css/goods.css (10)
css/list/list\_01.css (4)
css/list/list\_02.css (4)
css/list/list\_04.css (4)
css/list/list\_06.css (4)
css/list/list\_07.css (4)
css/list/list\_09.css (3)
css/list/list\_11.css (7)
css/mypage/mypage.css (10)
css/order/order.css (12)
css/proc/proc.css (5)
상단 로고영역 색상 변경
`변경 위치` css > gd\_layout.css 15번째 줄 \
`15` #header\_wrap header .header\_box {border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc;}\
\
✔️상단영역의 아래 선: \[border-bottom:라인두께 solid #라인컬러] 변경\
✔️배경색상 추가: \[background:#컬러값] 추가
슬라이드 배너 변경 - 슬라이드 이미지 주변 테두리 수정
`변경 위치` css > main > main.css 31번째 줄 \
`31` .main\_slide2 .slider-wrap {border:1px solid #e8e8e8;padding:15px 14px 35px 14px;margin:0 10px;}
✔️\[border:선두께px solid #색상값;]\
✔️미사용 시,해당 border 부분 코드 삭제
메인 상품 탭버튼 색상 변경
1. 탭ON일 경우\
`변경 위치` css > goods> list > list\_07.css 12번째 줄 \
`12` .goods\_prd\_item7 .tab\_box .tab li.on a {background:#ffffff; color:#222222;}\
\
✔️\[background:#배경값; color:#텍스트컬러값;]
2. 탭OFF일 경우\
`변경 위치` css > goods> list > list\_07.css 9번째 줄 \
`9` .goods\_prd\_item7 .tab\_box .tab li a {text-align:center;font-weight:bold;overflow:hidden;display:inline-block;width:100%;padding:7px 10px 7px 10px;font-size:13px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;border:1px solid #dfdfdf;border-left:none;background:#f3f3f3;color:#8e8e8e;} \
\
✔️\[background:#배경값; color:#텍스트컬러값;]
메뉴 컬러 변경
`변경 위치` css > proc.css 8번째 줄\
`8` .category\_side > li a {position:relative;display:block;padding:12px 0 8px 0;font-size:12px;color:#666666;}\
\
✔️\[color:#색상코드값]
메뉴 박스버튼 컬러 수정
1. 박스버튼 ON일때 색상 변경\
`변경 위치` css > gd\_layout.css 128번째 줄
`128` .nav\_tabmenu\_box .nav\_tabmenu li.on span {background:#fff; color:#111; font-weight:bold; border:1px solid #333333;}\
\
✔️\[color:#폰트컬러값] \[background:#배경컬러값]
✔️\[border:테두리두께값px solid #색상컬러값;]
2. 박스버튼 OFF일때 색상 변경\
`변경 위치` css > gd\_layout.css 127번째 줄
`127` .nav\_tabmenu\_box .nav\_tabmenu li span {display:block; padding:7px 0 6px 0; background:#fff; color:#a4a4a4; border:1px solid #e7e7e7; font-size:14px;}\
\
✔️\[color:#폰트컬러값] \[background:#배경컬러값]\
✔️\[border:테두리두께값px solid #색상컬러값;]
로그인 영역 색상 변경하기
1. 배경 색상 변경 : 2군대를 수정해 주셔야 변경이 가능합니다. \
`변경 위치` css > gd\_layout.css 99번째 줄\
`99` .nav\_banner {padding:22px 0 5px 7px; background:#f2f2f2;}\
\
`변경 위치` css > gd\_layout.css 113번째 줄\
`113` .nav\_link {padding:14px 0 16px 0; background:#f2f2f2;}
2. 로그인/회원가입 폰트 색상 변경 \
`변경 위치` css > gd\_layout.css 104번째 줄\
`104` .nav\_banner .nav\_login ul li a {display:inline-block; font-size:15px; color:#333333; font-weight:bold;}
3. 아이콘메뉴 폰트 색상 변경\
`변경 위치` css > gd\_layout.css 116번째 줄\
`116` .nav\_link ul li a {display:block; padding:36px 0 0 0; font-size:12px; color:#666;}
커뮤니티 메뉴영역 색상 변경
1. 커뮤니티 타이틀영역 색상 수정\
`변경 위치` css > gd\_layout.css 134번째 줄\
`134` .nav\_community\_box .comm\_tit {padding:7px 0; margin:5px 0 10px 0; background:#f5f5f5; color:#111; font-size:14px; font-weight:bold; text-align:center;}
\
✔️\[background:#배경색상] \[color:#폰트색상] \[font-size:#폰트사이즈]
2. 커뮤니티 게시판 텍스트 수정
`변경 위치` css > gd\_layout.css 147번째 줄\
`147` .nav\_tabmenu\_box .board\_cate li a {display:block;color:#666666;font-size:13px;}\
\
✔️\[color:#폰트색상] \[font-size:#폰트사이즈]
고객센터/입금계좌 안내 수정
1. 고객센터 번호 버튼 수정
`변경 위치` css > main > main.css 202번째 줄 \
`202` .main\_info dl dd .call {display:inline-block;padding:4px 10px 2px 10px;background:#f2f2f2;font-size:16px;color:#222222;font-weight:bold;border:1px solid #c3c3c3;}\
\
✔️\[background:#배경색 ;font-size:폰트사이즈px; color:#폰트컬러]
2. 고객센터 운영시간
`변경 위치` css > main > main.css 203번째 줄 \
`203` .main\_info dl dd p.business\_hours {margin:7px 0 0 0; font-size:12px; color:#5b5b5b;} \
\
✔️\[font-size:폰트사이즈px; color:#폰트컬러]
3. 입금계좌안내
* 입금계좌번호\
`변경 위치` css > main > main.css 198번째 줄 \
`198` .main\_info\_box .main\_info dl dd strong {font-size:14px; font-weight:bold; color:#222;} \
\
✔️\[font-size:폰트사이즈px] \[color:#폰트컬러]
* 입금명, 은행명 \
`변경 위치` css > main > main.css 206번째 줄 \
`206` .main\_info dl dd .account\_holder {padding:0; font-size:12px; color:#222;}\
\
✔️\[font-size:폰트사이즈px] \[color:#폰트컬러]