아래는 별모아 No 82 디자인의 상단 메뉴바 중
전체 카테고리 메뉴바(주황색) 색상을 변경하는 방법입니다.
PC디자인과 모바일 디자인 각각 수정해주셔야 합니다.
< 상단 전체 카테고리 메뉴바 색상 수정하기 - PC디자인 >
PC디자인 상단 메뉴바 중에서 가장 좌측의
전체 카테고리 버튼 (현재 주황색)의 색상을 변경하는 방법입니다.
디자인 관리 > 디자인 보관함에서 해당 디자인의 수정 버튼을 클릭하여
스마트 디자인 편집창이 뜨면 편집창 왼쪽 하단의 화면명 검색에서 category_full.css 을 검색하여
/css/category_full.css 에 체크 후 선택파일열기 버튼을 클릭합니다.
편집창 하단에 3개의 작은 아이콘이 있는데 가장 오른쪽 아이콘을 클릭하시면
소스 편집창을 넓게 사용 가능합니다.
소스 중에서 3행 근처에 아래 소스가 있습니다.
아래 소스중에서 빨간색으로 된 부분을 원하시는 색상 코드로 수정해주시기 바랍니다.
색상코드 수정시 바로 뒤의 ; 가 지워지지않도록 유의 바랍니다.
코드 수정 후 스마트 디자인 편집창 왼쪽 상단의 ‘저장’ 버튼을 반드시 클릭해주세요.
/* --------------- 모바일 & 모든 환경 --------------- */
/* 카테고리 전체보기 버튼 */
#d_full_btn { background-color:#fb8728; padding:8px 13px 0 10px; height:26px; position: absolute; top: 0px; left:10px; line-height:34px; font-family:'malgun gothic'; font-weight:bold; font-size:14px; color:#000000; position:relative; z-index:101; float:left; cursor:pointer; }
#d_full_btn p { width:100%; }
------------------------------------------------------------------------------------------------------------------------------------
< 전체상품목록 메뉴바 색상 수정하기 - 모바일디자인 >
모바일 디자인 상단메뉴 중 주황색 메뉴바 (=전체상품목록 메뉴바) 색상을 원하시는 색상으로 수정하는 방법입니다.
모바일쇼핑몰 > 디자인 보관함에서 해당 디자인의 수정 버튼을 클릭하여
스마트 디자인 편집창이 뜨면 편집창 왼쪽 하단의 화면명 검색에서 layout.css 를 검색하여
/layout/basic/css/layout.css 에 체크 후 선택파일열기 버튼을 클릭합니다.
소스 중에서 344행 근처에 아래 소스가 있습니다.
아래 소스중에서 빨간색으로 된 부분을 원하시는 색상 코드로 수정해주시기 바랍니다.
색상코드 수정시 바로 뒤의 ; 가 지워지지않도록 유의 바랍니다.
코드 수정 후 스마트 디자인 편집창 왼쪽 상단의 ‘저장’ 버튼을 반드시 클릭해주세요.
/* 전체 상품목록 */
.category_inner {
width:120px;
height:34px;
line-height:34px;
margin: 0 auto;
font-size:13px;
color:#ffffff;
background-color:#fb8728;
}
주황색 메뉴바 색상을 변경하신 후
'전체상품목록'이라는 텍스트 색상도 변경하고싶으시면 (현재 흰색)
위의 소스에서 color:#ffffff; 라고 된 부분의 소스에서 ffffff 를 원하시는 색상코드로 수정해주신 후
스마트 디자인 편집창 왼쪽 상단의 ‘저장’ 버튼을 반드시 클릭해주세요.
ffffff 바로 뒤의 ; 가 지워지지않도록 유의해주세요.
관리자에게만 댓글 작성 권한이 있습니다.