럭스(Luxe)

카테고리 패션

지원 솔루션 고도몰5 standard, 고도몰5 pro

글로벌 지원 (한국어, 영어, 중국어, 일어)

샘플샵🖥️ 보기 →

디자인센터 바로가기 →

포인트 컬러 일괄 변경하기

  1. LUX 스킨에 적용되어 있는 포인트 컬러 코드값 #593838를 확인합니다.

  2. 관리자 > 디자인 메뉴 접속

  3. 스타일시트/CSS 변경 좌측 하단 폴더트리 내 스타일시트/CSS더블 클릭하여 아래와 같이 표시된 스타일 시트를 오픈합니다.

  1. 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개)

  2. 마우스 오버시 컬러 #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;}

  1. 최근검색어 폰트의 font-size(크기),color(컬러) 값을 추가합니다. 변경 위치 layout > layout.css | css/layout/layout.css 87줄 87 .recent_box dt {font-size: 13px; font-weight: bold; color: #fa2828;}}

  1. 추천상품 검색창 닫기 폰트의 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;}

  1. 현재 스텝 표시 폰트의 color(색상), font-weight(굵기) 값을 변경해줍니다. 변경 위치 order> order.css | css/order/order.css 17줄 17 .order_wrap .order_tit .page_on { color: #593838; font-weight: bold;}

  1. 다음 진행 스텝 표시 폰트의 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;}}

  1. 장바구니 타이틀 폰트 하단의 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;}

Last updated

Logo

©NHN COMMERCE Corp. All rights reserved.