트렌디(TRENDY)
카테고리패션
지원 솔루션고도몰5 standard, 고도몰5 pro
글로벌지원 (한국어, 영어, 중국어, 일어)
포인트 컬러 일괄 변경하기
컬러코드값 확인 Trendy 스킨에 적용되어 있는 기본 컬러 코드 #2e84d3을 확인합니다.
디자인 스킨 리스트 접속 | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트 해당 스킨이 상점별 작업스킨에 체크 되어있어야 합니다.
스타일시트/CSS 변경 | 모바일샵 > 모바일샵 디자인 관리 > 디자인 스킨 리스트 좌측 하단 폴더트리 내 스타일시트/CSS더블 클릭하여 아래와 같이 표시된 스타일 시트를 오픈합니다.
ctrl+F 검색 후 수정하기 스타일시트 파일을 열어 Ctrl + F(검색)를 누르고 #2e84d3를 검색하여 원하는 포인트 컬러 코드로 변경합니다. css/gd_button.css (153)
css/gd_common.css (5)
css/gd_plus_review.css (7)
css/event/event.css (3)
css/goods.css (10)
css/list/list_01.css (4)
css/list/list_02.css (4)
css/list/list_04.css (4)
css/list/list_06.css (4)
css/list/list_07.css (4)
css/list/list_09.css (3)
css/list/list_11.css (7)
css/mypage/mypage.css (10)
css/order/order.css (12)
css/proc/proc.css (5)
상단 로고영역 색상 변경
변경 위치 css > gd_layout.css 15번째 줄
15 #header_wrap header .header_box {border-bottom:1px solid #dcdcdc; border-top:1px solid #dcdcdc;}
✔️상단영역의 아래 선: [border-bottom:라인두께 solid #라인컬러] 변경
✔️배경색상 추가: [background:#컬러값] 추가
슬라이드 배너 변경 - 슬라이드 이미지 주변 테두리 수정
변경 위치 css > main > main.css 31번째 줄
31 .main_slide2 .slider-wrap {border:1px solid #e8e8e8;padding:15px 14px 35px 14px;margin:0 10px;}
✔️[border:선두께px solid #색상값;] ✔️미사용 시,해당 border 부분 코드 삭제
메인 상품 탭버튼 색상 변경
탭ON일 경우
변경 위치css > goods> list > list_07.css 12번째 줄12.goods_prd_item7 .tab_box .tab li.on a {background:#ffffff; color:#222222;} ✔️[background:#배경값; color:#텍스트컬러값;]탭OFF일 경우
변경 위치css > goods> list > list_07.css 9번째 줄9.goods_prd_item7 .tab_box .tab li a {text-align:center;font-weight:bold;overflow:hidden;display:inline-block;width:100%;padding:7px 10px 7px 10px;font-size:13px;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;border:1px solid #dfdfdf;border-left:none;background:#f3f3f3;color:#8e8e8e;} ✔️[background:#배경값; color:#텍스트컬러값;]
메뉴 컬러 변경
변경 위치 css > proc.css 8번째 줄
8 .category_side > li a {position:relative;display:block;padding:12px 0 8px 0;font-size:12px;color:#666666;}
✔️[color:#색상코드값]
메뉴 박스버튼 컬러 수정
박스버튼 ON일때 색상 변경
변경 위치css > gd_layout.css 128번째 줄128.nav_tabmenu_box .nav_tabmenu li.on span {background:#fff; color:#111; font-weight:bold; border:1px solid #333333;} ✔️[color:#폰트컬러값] [background:#배경컬러값]✔️[border:테두리두께값px solid #색상컬러값;]
박스버튼 OFF일때 색상 변경
변경 위치css > gd_layout.css 127번째 줄127.nav_tabmenu_box .nav_tabmenu li span {display:block; padding:7px 0 6px 0; background:#fff; color:#a4a4a4; border:1px solid #e7e7e7; font-size:14px;} ✔️[color:#폰트컬러값] [background:#배경컬러값] ✔️[border:테두리두께값px solid #색상컬러값;]
로그인 영역 색상 변경하기
배경 색상 변경 : 2군대를 수정해 주셔야 변경이 가능합니다.
변경 위치css > gd_layout.css 99번째 줄99.nav_banner {padding:22px 0 5px 7px; background:#f2f2f2;}변경 위치css > gd_layout.css 113번째 줄113.nav_link {padding:14px 0 16px 0; background:#f2f2f2;}
로그인/회원가입 폰트 색상 변경
변경 위치css > gd_layout.css 104번째 줄104.nav_banner .nav_login ul li a {display:inline-block; font-size:15px; color:#333333; font-weight:bold;}
아이콘메뉴 폰트 색상 변경
변경 위치css > gd_layout.css 116번째 줄116.nav_link ul li a {display:block; padding:36px 0 0 0; font-size:12px; color:#666;}
커뮤니티 메뉴영역 색상 변경
커뮤니티 타이틀영역 색상 수정
변경 위치css > gd_layout.css 134번째 줄134.nav_community_box .comm_tit {padding:7px 0; margin:5px 0 10px 0; background:#f5f5f5; color:#111; font-size:14px; font-weight:bold; text-align:center;}✔️[background:#배경색상] [color:#폰트색상] [font-size:#폰트사이즈]
커뮤니티 게시판 텍스트 수정
변경 위치css > gd_layout.css 147번째 줄147.nav_tabmenu_box .board_cate li a {display:block;color:#666666;font-size:13px;} ✔️[color:#폰트색상] [font-size:#폰트사이즈]
고객센터/입금계좌 안내 수정
고객센터 번호 버튼 수정
변경 위치css > main > main.css 202번째 줄202.main_info dl dd .call {display:inline-block;padding:4px 10px 2px 10px;background:#f2f2f2;font-size:16px;color:#222222;font-weight:bold;border:1px solid #c3c3c3;} ✔️[background:#배경색 ;font-size:폰트사이즈px; color:#폰트컬러]고객센터 운영시간
변경 위치css > main > main.css 203번째 줄203.main_info dl dd p.business_hours {margin:7px 0 0 0; font-size:12px; color:#5b5b5b;} ✔️[font-size:폰트사이즈px; color:#폰트컬러]입금계좌안내
입금계좌번호
변경 위치css > main > main.css 198번째 줄198.main_info_box .main_info dl dd strong {font-size:14px; font-weight:bold; color:#222;} ✔️[font-size:폰트사이즈px] [color:#폰트컬러]입금명, 은행명
변경 위치css > main > main.css 206번째 줄206.main_info dl dd .account_holder {padding:0; font-size:12px; color:#222;} ✔️[font-size:폰트사이즈px] [color:#폰트컬러]
Last updated
