# 럭스(Luxe)
> **`카테고리`** 패션
>
> **`지원 솔루션`** 고도몰
>
> **`글로벌`** 지원 (한국어, 영어, 중국어, 일어)
>
> [샘플샵🖥️ 보기 →](https://design26.godomall.com/)
>
> [디자인센터 바로가기 →](https://design.nhn-commerce.com/freeskin.php)
포인트 컬러 일괄 변경하기
1. LUX 스킨에 적용되어 있는 포인트 컬러 코드값 **#593838**를 확인합니다.
2. **관리자 > 디자인 메뉴 접속**
3. **스타일시트/CSS 변경** \
좌측 하단 폴더트리 내 **스타일시트/CSS더블 클릭**하여 아래와 같이 표시된 **스타일 시트**를 오픈합니다.
4. ctrl+F 검색 후 수정하기\
스타일시트 파일을 열어 **ctrl + f (검색)**를 누르고 **#593838**을 검색하여 **원하는 포인트 컬러 코드 값**으로 변경합니다.\
mypage.css (총 11개)\
layer.css (총 22개)\
common.css (총 26개)\
service.css (총 7개)\
order.css (총 7개)\
layout.css (총 22개)\
member.css (총 20개)\
goods.css (총 13개)\
list.css (총 4개)\
event.css (총 6개)\
board.css (총 15개)\
button.css (총 76개)
5. 마우스 오버시 컬러 **#492c2c**도 검색하여 **원하는 포인트 컬러 코드**로 변경합니다.
스크롤시 상단 고정메뉴 변경하기(폰트,배경)
1\. 스크롤시 상단 메뉴 폰트의 **color(색상)** 값을 추가합니다.
`변경 위치` css > custom.css **14줄**\
`14` .body-main .headerFix #header .gnb .depth0 > li > a { font-weight: normal; color: #333;}
2\. 스크롤시 상단 메뉴 영역의 **background(배경,투명도)** 값을 변경합니다.
`변경 위치` css > custom.css **16줄**\
`16` .headerFix { position: fixed; top: 0; left: 0; z-index: 102; width: 100%; min-width: 1200px; background-color: #ffffff; box-shadow: 0px 0 5px rgba(0, 0, 0, 0.35);}
푸터 색상 변경하기
사이트 맨 하단 푸터 **color(색상)** 값을 변경해줍니다.
`변경 위치` css > custom.css **96줄**\
`96` input\[type="text"], input\[type="password"] { background-color: #66554d; padding: 0 0 22px 0;}
검색창 변경하기(폰트, 컬러)
1. 검색창 인풋박스 입력 폰트의 **font-size(크기)** 값을 변경해줍니다.\
`변경 위치` common > common.css | css/common/common.css **47줄**\
`47` input\[type="text"], input\[type="password"] {padding: 0 10px; outline: none; font-size: 20px;}
2. 최근검색어 폰트의 **font-size(크기),color**(컬러) 값을 추가합니다. \
`변경 위치` layout > layout.css | css/layout/layout.css **87줄**\
`87` .recent\_box dt {font-size: 13px; font-weight: bold; color: #fa2828;}}
3. 추천상품 검색창 닫기 폰트의 **color(색상), font-size(크기), line-height(행간)** 값을 변경해줍니다. \
`변경 위치` layout > layout.css | css/layout/layout.css **148줄**\
`148` .seach\_top\_all .btn\_top\_search\_close { float: right; padding: 0 15px 0 15px; color: #999999; font-size: 11px; line-height: 30px;}
장바구니 타이틀 변경하기
1. 장바구니 타이틀 폰트의 **color(색상), font-size(크기), color(색상)** 값을 변경해줍니다.\
`변경 위치` order> order.css | css/order/order.css **14줄**\
`14` .order\_wrap .order\_tit h2 { float: left; font-size: 28px; color: #222222;}
2. 현재 스텝 표시 폰트의 **color(색상), font-weight(굵기)** 값을 변경해줍니다. \
`변경 위치` order> order.css | css/order/order.css **17줄**\
`17` .order\_wrap .order\_tit .page\_on { color: #593838; font-weight: bold;}
3. 다음 진행 스텝 표시 폰트의 **font-size(크기), color(색상)** 값을 변경해줍니다. \
`변경 위치` order> order.css | css/order/order.css **16줄**\
`16` .order\_wrap .order\_tit ol li { float: left; font-size: 14px; color: #d1d1d1;}}
4. 장바구니 타이틀 폰트 하단의 **border-bottom(선)** 값을 변경해줍니다. \
`변경 위치` order> order.css | css/order/order.css **13줄**\
`13` .order\_wrap .order\_tit { overflow: hidden; border-bottom: 1px solid #dbdbdb;}
쇼핑몰 입금 정보 및 고객센터 이미지 변경하기
입금정보 및 고객센터 **이미지 경로를 확인하고 변경합니다.** \
`변경 위치` css > main > main.css **64줄**\
`64` .body-main .headerFix #header .gnb .depth0 > li > a {.main\_banner\_bottom .bank { background: url(../../img/common/bg/bank.png) no-repeat 0 0;}