🆙밥도둑

카테고리 식품, 반찬
지원 솔루션 고도몰5 standard, 고도몰5 pro
글로벌 지원 (한국어, 영어, 중국어, 일어)
샘플샵📱 보기 →
디자인센터 바로가기 →

포인트 컬러 일괄 변경하기

컬러코드값 확인 밥도둑스킨에 적용되어 있는 기본 컬러 코드 #181818 확인합니다.

디자인 스킨 리스트 접속 | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트 해당 스킨이 상점별 작업스킨에 체크 되어있어야 합니다.

스타일시트/CSS 변경 | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트 좌측 하단 폴더트리 내 스타일시트/CSS더블 클릭하여 아래와 같이 표시된 스타일 시트를 오픈합니다.

4. 스타일시트 파일을 열어 Ctrl + F(검색)를 누르고 #181818를 검색하여 원하는 포인트 컬러 코드로 변경합니다.

order/order.css (1개)

proc/proc.css (3개)

goods/goods.css (5개)

goods/list/list_11.css (4개)

goods/list/list_02.css (4개)

goods/list/list_09.css (4개)

goods/list/list_01.css (5개)

goods/list/list_07.css (4개)

goods/list/list_04.css (4개)

goods/list/list_06.css (4개)

mypage/mypage.css (2개)

gd_common.css (1개)

gd_layout.css (1개)

gd_plus_review.css (1개)

gd_button.css (18개)

메인 하단 고정메뉴 수정하기/감추기

1. 메인 하단 고정메뉴의 배경색 변경하기

원하는 컬러 코드값으로 변경하세요. 변경 위치 css > gd_layout.css 34번째 줄 34.func_fixed{position: fixed;left:0;bottom:0;width:100%;height:50px;border-top :1px solid #e5e5e5;background-color: #fff;z-index:99;}

2. 메인 하단 고정메뉴의 상단라인 색 변경하기

3. 메인 하단 고정메뉴의 장바구니 숫자 아이콘 배경색 변경하기

원하는 컬러 코드값으로 변경하세요. 변경 위치 css > gd_layout.css 42번째 줄 42.func_fixed .cart_count {position:absolute; top:5px; left:53%; display:block; width: 15px; height: 15px;line-height:15px; border-radius:100%; font-size:8px;color:#fff; background:#ef4024; text-align: center;}

4. 메인 하단 고정메뉴 감추기

display: none;을 추가하면 하단 고정메뉴가 사라집니다. 변경 위치 css > gd_layout.css 34번째 줄 34.func_fixed{position: fixed;left:0;bottom:0;width:100%;height:50px;border-top :1px solid #e5e5e5;background-color: #fff;z-index:99; display: none;}

메인 슬라이드 배너 배경 변경하기

1. 관리자 > 모바일샵 > 모바일샵 디자인 설정 > 배너관리 메뉴를 선택합니다.

2. 등록된 배너 중 5번 슬라이드 배너 배경의 수정 버튼을 누른 뒤 변경할 이미지를 등록합니다.

⚠️ 스킨의 기본 슬라이드 배너 배경 이미지의 사이즈(750x342)와 동일하게 수정하는 것을 권장합니다.

메인 슬라이드 배너 추가하기

1. 관리자 > 모바일샵 > 모바일샵 디자인 설정 > 배너관리 메뉴에서 배너등록을 선택합니다.

2. 배너를 등록할 디자인 스킨을 선택한 뒤 배너그룹을 일반배너 - 슬라이드 배너로 선택한 뒤 추가할 배너 이미지를 등록합니다.

⚠️배너관리에 등록되어 있는 슬라이드 배너 이미지의 사이즈(276x396)와 동일하게 수정하는 것을 권장합니다.

⚠️배너관리에 등록되어 있는 슬라이드 배너 이미지를 다운로드 받으신 후 이미지를 변경하시는 방법을 추천합니다.

전체메뉴 영역 수정하기

1. 로그인/회원가입 버튼 텍스트 컬러 변경하기

원하는 컬러 코드값으로 변경하세요. 변경 위치 css > gd_layout.css 93번째 줄 93.nav_banner .nav_login ul li a {display:inline-block;width: 90px;height: 30px;line-height: 31px;font-size:13px;color:#636363;border: 1px solid #636363;border-radius: 20px;text-align: center;}

2. 로그인/회원가입 버튼 라인컬러 변경하기

원하는 컬러 코드값으로 변경하세요. 변경 위치 css > gd_layout.css 93번째 줄 93.nav_banner .nav_login ul li a {display:inline-block;width: 90px;height: 30px;line-height: 31px;font-size:13px;color: #636363;border: 1px solid #636363;border-radius: 20px;text-align: center;}

3. 아이콘 링크 영역 텍스트 컬러 변경하기

원하는 컬러 코드값으로 변경하세요. 변경 위치 css > gd_layout.css 103번째 줄 103.nav_link ul li a {display:block; padding:40px 0 0 0; font-size:13px; color:#3b3b3b;background-size: 40px 35px;background-repeat: no-repeat;background-position: center 3px; }

4. 아이콘 링크 영역 배경 컬러 변경하기

원하는 컬러 코드값으로 변경하세요. 변경 위치 css > gd_layout.css 100번째 줄 100.nav_link {height: 70px;padding:5px 0 0 0;background-color: #f5f5f5;}

상단 로고영역 수정하기

1. 상단 로고 영역 하단 라인 컬러 변경하기

원하는 컬러 코드값으로 변경하세요. 변경 위치 css > gd_layout.css 15번째 줄 15#header_wrap header .header_box {position:relative;border-bottom:1px solid #cbcbcb;

2. 상단 로고 영역 배경 컬러 변경하기

원하는 컬러 코드값으로 변경하세요. 변경 위치 css > gd_layout.css 13번째 줄 13#header_wrap header {width:100%;min-width:320px;background:#fff;z-index:300;}