GNB sub 가운데정렬, 서브메뉴 두줄, 비주얼탭 수정




 

 

질문1. 이중비주얼탭을 구성하였는데 아랫부분 이미지형태의 비주얼탭 사진 4개로 되어있는 부분을 수정하고싶습니다. 어디로 가서 수정해야될까요?
질문2. 비주얼탭의 메뉴바 색상변경은 어디서하나요? (글자색, 글자밑 라인색)
질문3. 메뉴구성의 2번째메뉴들을 가운데 정렬 하고싶습니다.
질문4. 메뉴구성의 3번째 메뉴들이 너무많아 한줄로할시에는 보기가 불편합니다. 혹시 두줄로 설정이 가능할까요?


질문할때마다 친절하게 답변해주셔서 정말감사합니다.
· 관련키워드

 ,가운데정렬,메뉴구성,재요청,[RE],kwa-,https,important

공유하기
매뉴얼요청
분류
GNB/LNB 메뉴구성
등록자

김명준

등록일
2018-08-17
버전

[RE] GNB sub 가운데정렬, 서브메뉴 두줄, 비주얼탭 수정

1. 확장기능 > 비주얼탭 > 해당 탭(서울,인천,대전,... 으로 구성된) 클릭 > 
하단의 탭정보 리스트 중에서 서울 탭의 '목록폼편집' 버튼을 클릭하시면 편집화면으로 이동하실 수 있습니다.


2. 메인페이지 편집화면에서 좌측의 TAG/CSS/JS클릭 > 첫번째 입력란의 </head> 윗줄에 아래 내용을 붙여넣어주세요.

<style>
#AB-vtab-2-tabs li.ui-tabs-active a.ui-tabs-anchor {color:#컬러코드 !important; border-color:#컬러코드 !important}
#AB-vtab-6-tabs li.ui-tabs-active a.ui-tabs-anchor {color:#컬러코드 !important; border-color:#컬러코드 !important}
</style>

붉은색으로 표시한 부분이 변경할 탭의 일련번호 입니다.
color: 뒤에 적으시는 컬러코드는 글씨에 반영되고
border-color: 뒤에 적으시는 컬러코드는 글씨밑줄에 반영됩니다.

* 원래 css파일에 지정되어있는 내용이기 때문에 위 작업을 하더라도 반영이 안될 수 있습니다.
그런 경우에는 Q&A교육에 참석하셔서 질문해주시거나, 또는 유료 맞춤작업을 신청해주시기 바랍니다.


3. GNB 2차메뉴는 가운데정렬이 불가능합니다.
대신 시작점을 원하는 px만큼 왼쪽으로부터 밀어낼 수 있습니다.
헤더페이지 편집화면에서 GNB를 감싸는 회색 div의 D버튼 클릭 > 수정 > div속성 입력란에 적힌 내용 중 sub-l-fi="" 큰따옴표 안의 값을 20정도로 수정해보세요.
실제화면을 확인해가면서 적당한 값으로 지정해주시면 되겠습니다.

 


4. CSS맞춤작업이 필요한 내용입니다.
Q&A교육에 참석하시면 무료로 적용방법을 배워보실 수 있습니다. >> https://bos.kr/kwa-edu_qna
유료맞춤대행 견적이 궁금하시다면 최종적으로 어떻게 구성되기를 원하시는지 디자인파일을 첨부하여 재요청으로 변경해주세요~!


도움이 된다고 말씀해주셔서 보람을 느낍니다. 감사합니다.^^
등록자
비오에스
등록일
2018-08-17 14:32
조회
190
사용자포럼(Q&A)
번호제목등록자등록일
39129

이선우

09-20
39122

최호용

09-19
39118

강동균

09-19
39089

최호용

09-17
39076

최호용

09-13
38999

송병하

09-05
38863

조준희

08-22
38839

김상운

08-22
38800

김명준

08-17
38791

김정혁

08-16
38779

김명준

08-14
38703

임꺽정

08-08
38686

김명준

08-07
38631

황정순

08-02
38609

박창용

08-02