어썸(Awesome)
Last updated
Last updated
카테고리
남성 패션
지원 솔루션
고도몰
글로벌
지원 (한국어, 영어, 중국어, 일어)
컬러코드값 확인 Awesome 스킨에 적용되어 있는 기본 컬러 코드 #b8874d을 확인합니다.
관리자 > 디자인 메뉴 접속
스타일시트/CSS 변경 좌측 하단 폴더트리 내 스타일시트/CSS더블 클릭하여 아래와 같이 표시된 스타일 시트를 오픈합니다.
ctrl+F 검색 후 수정하기 스타일시트 파일을 열어 Ctrl + F(검색)를 누르고 #b8874d를 검색하여 원하는 포인트 컬러 코드로 변경합니다. css/button.css (56개) css/custom.css (1개)
css/board/board.css (13개)
css/common/common.css (18개)
css/common/layer/layer.css (16개)
css/event/event.css (6개)
css/goods/goods.css (13개)
css/goods/list.css (4개)
css/layout/layout.css (28개)
css/member/member.css (18개)
css/mypage/mypage.css (11개)
css/order/order.css (7개)
css/service/service.css (7개)
마우스 오버시 컬러 #a67842도 검색하여 원하는 포인트 컬러 코드로 변경합니다.
배너 설명
위치
Awesom 스킨 상단 영역
유형
- 펼치기 - 접기가 가능한 배너
- 상단의 [ ∨ ] 버튼을 누르면 펼쳐지는 형식
효과
이벤트 요소로 고객들의 궁금증을 시각적으로 높여 보여주는 효과
배너 수정
메뉴 위치
관리자 > 디자인설정 > 배너관리
배너 사이즈
1200 X 155 (*팝업/배너PSD 참고)
배경색 변경
변경 위치
css > custom.css 22줄
22
#header .top_banner_cont{position:relative; overflow:hidden; height:40px; background:#efeeea; text-align:center;}
⚠️배경색을 변경해 이미지와 상단영역의 색상을 맞추시길 권장드립니다.
배경색 변경
흰색 컬러코드(#fff)를 원하는 컬러 코드값으로 변경합니다.
변경 위치
css > custom.css 171줄
171
#header .header_gnb{position:relative;background:#fff;}
카테고리 텍스트 사이즈/색상 변경
폰트사이즈(font-size)와 색상(color)을 원하는 값으로 수정합니다.
변경 위치
css > custom.css 173줄
173
#header .gnb .depth0 > li > a{position:relative; padding-bottom:9px; font-size:18px; font-weight:normal; line-height:39px; color:#8e8e8e;}
검색창 키워드 설정
메뉴 위치
관리자 > 상품> 상품 노출형태 관리 > 검색창 관련 설정
⚠️해당 메뉴 위치에서 상품 검색 키워드 설정 시에만 '검색창 키워드'가 노출됩니다.
검색창 키워드 색상(color) 변경
변경 위치
css > custom.css 59줄
59
#header .top_search .top_text_cont .top_srarch_text::placeholder {color:#bababa; font-weight:bold; font-size:18px;}
검색창 키워드 Bold 해제 font-weight:bold를 삭제해주세요.
변경 위치
css > custom.css 59줄
59
#header .top_search .top_text_cont .top_srarch_text::placeholder {color:#bababa; font-weight:bold; font-size:18px;}
검색창 키워드 크기 변경 원하는 크기로 코드값 [font-size:사이즈px]를 입력해주세요.
변경 위치
css > custom.css 59줄
59
#header .top_search .top_text_cont .top_srarch_text::placeholder {color:#bababa; font-weight:bold; font-size:18px;}
폰트 사이즈 수정 시, font-size에 원하는 값을 입력해주세요.
색상 수정 시, color에 원하는 값을 입력해주세요.
✔️상품명 디자인 수정
변경 위치
css > good > list.css 48줄
48
.item_tit_box .item_name{display:block; padding:5px 0 0 0; font-size:13px; word-break: break-all; color:#fa2828}
✔️짧은 설명 디자인 수정
변경 위치
css > good > list.css 49줄
49
.item_tit_box .item_name_explain{display:block; padding:0 10px 0 0px; color:#a8a8a8; font-siez:18px;}
✔️원가 디자인 수정
변경 위치
css > good > list.css 55줄
55
.item_money_box del{display:block; color:#888888; font-siez:18px;}
✔️판매가 디자인 수정
변경 위치
css > good > list.css 56줄
56
.item_money_box .item_price{display:block; padding:7px 0 5px 0; font-size:14px; color:#b8874d;}
폰트 사이즈 수정 시, font-size에 원하는 값을 입력해주세요.
색상 수정 시, color에 원하는 값을 입력해주세요.
✔️무통장 계좌 번호 디자인 수정
변경 위치
css >custom.css 111줄
111
.content_info .bank_info strong{padding:0; color:#999999; font-size:19px; font-weight:normal;}
✔️무통장 계좌 은행명, 예금주 디자인 수정
변경 위치
css > custom.css 112줄
112
.content_info .bank_info p{font-size:12px; color:#999999;}
✔️고객센터 번호 디자인 수정
변경 위치
css > custom.css 106줄
106
.content_info .cs_center strong{padding:0;color:#999999;font-size:19px;font-weight:normal;}
✔️고객센터 운영안내 디자인 수정
변경 위치
css > custom.css 107줄
107
.content_info .cs_center p{font-size:12px; color:#999999;}