아래는 별모아 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 바로 뒤의 ; 가 지워지지않도록 유의해주세요.