벤세르(VENCER)
Last updated
Last updated
카테고리
스포츠
지원 솔루션
고도몰
글로벌
지원 (한국어, 영어, 중국어, 일어)
VENCER(벤세르) 스킨에 적용되어 있는 포인트 컬러 코드값 #005cff를 확인합니다.
디자인 스킨 리스트 접속 | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트 해당 스킨이 상점별 작업스킨에 체크 되어있어야 합니다.
스타일시트/CSS 변경 | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트 좌측 하단 폴더트리 내 스타일시트/CSS더블 클릭하여 아래와 같이 표시된 스타일 시트를 오픈합니다.
ctrl+F 검색 후 수정하기 스타일시트 파일을 열어 ctrl + f (검색)를 누르고 #005cff을 검색하여 원하는 포인트 컬러 코드 값으로 변경합니다.
css/gd_button.css (18)
css/gd_common.css (1)
css/gd_plus_review.css (1)
css/goods.css (5)
css/goods/list/list_01.css (2)
css/goods/list/list_02.css (2)
css/goods/list/list_04.css (2)
css/goods/list/list_06.css (2)
css/goods/list/list_07.css (5)
css/goods/list/list_09.css (1)
css/goods/list/list_11.css (2)
css/mypage/mypage.css (2)
css/order/order.css (1)
css/proc/proc.css (1)
메뉴 닫힘 상태 시 color(색상) 및 font-size(사이즈) 변경
해당 영역 에 원하시는 컬러 코드값 및 사이즈를 넣어 주세요.
변경 위치
proc > proc.css 8번째 줄
8
.category_side > li a {position:relative; display:block; padding:19px 0 19px 0; font-size:14px; color:#333333;}
메뉴 펼침 상태 시 color(색상) 변경
해당 영역 에 원하시는 컬러 코드값을 넣어 주세요.
변경 위치
proc > proc.css 12번째 줄
12
.category_side > li > a.on {color:#005cff;}
ℹ️벤세르 모바일 스킨은 상단 헤더에 하단 라인이 없습니다. [하단 라인 추가 / 장바구니 담긴 상품 수량의 배경색]을 변경할 수 있습니다.
상단 헤더 영역 border-bottom(하단 라인) 추가
하단 코드 복사 후 14번째 줄 기존 코드 삭제 후 붙여넣기 해주세요
변경 위치
css > gd_layout.css 14번째 줄
14
#header_wrap header .header_box {position:relative; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
장바구니 담긴 상품 수량 background(배경) 변경
원하는 컬러 코드값을 넣어 주세요.
변경 위치
css > gd_layout.css 119번째 줄
119
#header_wrap header .header_box .cart_count {position:absolute; top:5px; right:-4px; display:block; padding:1px 5px 0px 4px; line-height:14px; color:#fff; background:#005cff; vertical-align:middle; font-size:10px; border:2px solid #fff;}
약관/개인정보처리방침 color(색상) / font-size(사이즈) / font-align(정렬) 변경
해당 영역 에 원하시는 컬러 코드값, 사이즈, 정렬을 넣어 주세요.
변경 위치
css > gd_layout.css 235번째 줄
235
#footer footer .ft_info2_box .ft_menu li a {display:block; padding:18px 0 18px 0; font-size:12px; color:#808080; text-align:left; letter-spacing:-1px;}
기본 정보 설정 color(색상) / font-size(사이즈) / font-align(정렬) 변경
해당 영역 에 원하시는 컬러 코드값, 사이즈, 정렬을 넣어 주세요.
변경 위치
css > gd_layout.css 238번째 줄
238
#footer footer .ft_info2_box .ft_address {padding:0 21px 0 21px; text-align:left; font-size:12px; color:#808080; word-break:keep-all;}
저작권 표기 color(색상) / font-size(사이즈) / font-align(정렬) 변경
해당 영역 에 원하시는 컬러 코드값, 사이즈, 정렬을 넣어 주세요.
변경 위치
css > gd_layout.css 244번째 줄
244
#footer footer .ft_copy {padding:21px 0 30px 21px; color:#808080; font-size:12px; text-align:left; font-style:normal;}
ℹ️벤세르 모바일 스킨은 진열 상품 이미지 테두리가 없습니다. [진열 상품 이미지 테두리]를 추가할 수 있습니다.
진열 상품 이미지 border(테두리) 추가 하단 코드 복사 후 붙여넣기 > 원하는 컬러 코드 값을 넣어 주세요.
변경 위치
css > goods > list > list_02.css 8번째 줄
8
.goods_prd_item .goods_prd_img .img_box .img img {width:100%; border: 1px solid #e5e5e5; box-sizing:border-box;}
ℹ️VENCER 모바일 스킨은 동영상을 첨부할 수 있습니다. [동영상]을 변경 및 삭제할 수 있습니다.
✔️ 동영상 변경하기
1️. 동영상 업로드하기
업로드한 동영상 공유 > 임베딩 코드 복사하기 벤세르 동영상은 VIMEO 서비스를 사용했습니다. (https://vimeo.com/ko/)
2. 임베딩 코드 붙여넣기
임베딩 코드 복사 후 35번째 줄 기존 코드 삭제 후 붙여넣기 하세요.
변경 위치
main > 쇼핑몰 메인본문 | main/index.html 35번째 줄
35
<iframe src="https://player.vimeo.com/video/305628809" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
✔️ 동영상 삭제하기
33번째 - 36번째 줄을 삭제하세요.
삭제 위치
main > 쇼핑몰 메인본문 | main/index.html 33번째 - 36번째 줄
33
<div class="video_box">
34
<h3>JUST KEEP GOING</h3>
35
<iframe src=""https://player.vimeo.com/video/305628809" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
36
</div>
해당 영역에 표기하고 싶은 영문 or 한글명으로 변경하세요.
변경 위치
main > 쇼핑몰 메인본문 | main/index.html [고객센터]41번째 줄 [입금계좌]51번째 줄
41
<dt><span>CS CENTER</span></dt>
51
<dt><span>BANK INFO</span></dt>
고객센터/입금계좌 color(색상) 및 font-size(사이즈) 변경
해당 영역 에 원하시는 컬러 코드값 및 사이즈를 넣어 주세요.
변경 위치
css > main > main.css [고객센터]59번째 줄 [입금계좌]63번째 줄
59
.main .main_info dl dd p.phone a {font-size:15px; color:#ffffff; font-weight:bold;}
.main .main_info dl dd .account_holder {display:inline-block; padding:6px 0 8px 26px; font-size:15px; background:url('../../img/etc/icon_bank.png')
63
no-repeat left 4px; background-size:18px 23px; color:#ffffff; font-weight:bold; text-align:left; word-break:break-all;}
부가 정보 color(색상) 및 font-size(사이즈) 변경
해당 영역 에 원하는 컬러 코드값 및 사이즈를 넣어 주세요.
변경 위치
css > main > main.css [고객센터]60번째 줄 [입금계좌]64번째 줄
60
.main .main_info dl dd p.business_hours {font-size:11px; color:#808080; word-break:keep-all;}
64
.main .main_info dl dd ul.main_bank {color:#808080; text-align:center; word-break:break-all;}