GNB메뉴의 글씨크기, 볼드, 메뉴색상 변경하는 법 알려주세요~

 

 

 

1. '티셔츠 선택'이라는 GNB메뉴 아래 하위메뉴가 있는데(라운드T,맨투맨T...) 그 글씨가 좌측에 쏠려서 보여지고 있는데 가운데 정렬을 하고 싶습니다. 그리고 현재는 그 하위메뉴에 마우스를 올려놓으면 회색글씨에서 검은색글씨로 바뀌는 정도인데 글씨가 굵게 바뀌거나 그 선택한 메뉴 전체가 색상이 바뀌도록(라운드T에 마우스를 갖다댈경우 라운드T의 네모박스 색상이 변경되도록) 하고 싶습니다.

 

2. 상세페이지에 들어갔을 때 상단에 메뉴가 생기는데요 현재는 라운드T(하위메뉴)를 선택할 경우 연두색으로 저렇게 색상변경이 되는데 마우스를 클릭하지 않고 마우스를 글씨에 가져다댈 경우에 라운드T 색상이 변경되거나 위와 마찬가지로 네모박스의 안에 색상이 변경되도록 하고 싶습니다. 그리고 글씨크기를 좀더 키우고 볼드를 좀더 주고 싶습니다.

 

위와같이 변경하는 법 좀 알려주세요~

그리고 참고로 제가 어제 질문을 남겼는데 저보다 늦게 남긴 질문들은 다 답변이 달려있는데

제것만 아직도 답이 안달렸더라구요... 아직 해결하고계신건지... 누락하신건지...

함께 답변 부탁드립니다.

감사합니다~ 

· 관련키워드

메뉴색상,상세페이지,가운데 정렬, ,CSS수정, GNB메뉴색상, 쇼핑몰메뉴색상,페이지편집,상품관리,가운데정렬,헤더,GNB영역,편집화면,시작태그앞,[RE],GNB-v,마우스오버,text-align,!important,hover,enter,

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

김성범

등록일
2016-09-13
버전

[RE] GNB메뉴의 글씨크기, 볼드, 메뉴색상 변경하는 법 알려주세요~


문의주신 부분은 CSS에 관련한 내용으로
적용할 위치의 경로까지만 안내드리고 있습니다.
더 정확한 처리를 원하시면 Q&A교육에 참여부탁드립니다^^

 

 

1.
헤더의 편집화면으로 이동합니다.
GNB영역을 감싸는 검정색 행박스의 D클릭 > 수정
시작태그앞 부분에 입력된 내용의 </style> 앞 부분에 다음 이미지와 같이 값을 추가합니다.

 

 

.GNB-v .ABA-gnb-sub-1 li a{ }
해당 클래스에서 가운데정렬 속성을 적용하시면 됩니다.(정렬)

 

.GNB-v .ABA-gnb-sub-1 li a:hover{ }
마우스오버시 변경되는 값은 해당 클래스에 추가해주시면 됩니다.(오버시 변경될 폰트굵기, 배경색상)

 

* text-align:center 과 같은 속성을 넣으실때 적용이 되지 않으면 뒤에 !important를 넣어서 적용해주세요.
   ex) text-align:center !important

 

 

 

2.
확인하고 계신 화면에서 페이지편집을 클릭하여 상품관리 페이지로 이동합니다.
좌측의 헤더&메타&JS 클릭 > 확인되는 창의 헤더&메타&JS부분에 다음 이미지와 같이
<style>과 </style>사이에 CSS적용합니다.

 

 

 

.ABS-sub-ctg-1 ul li a:hover{ }
마우스 오버시 변경될 속성 값을 넣어주시면 됩니다.(폰트색상, 배경색상)

 

.ABS-sub-ctg-1 ul li a{ }
해당 클래스에서 글자 속성을 변경하실 수 있습니다.(폰트크기, 폰트굵기)

 

관련키워드

CSS수정, GNB메뉴색상, 쇼핑몰메뉴색상

등록자
등록일
2016-09-13 14:39
조회
741
사용자포럼(Q&A)
번호제목등록자등록일
30442

최호용

09-22
30367

박지훈

09-16
30353

김성범

09-13
30267

최호용

09-06
30229

최호용

09-01
30099

이준혁

08-24
30074

민병규

08-23
30070

최호용

08-23
29978

최호용

08-16
29903

에이엠피엠

08-09
29878

심인수

08-09
29858

이경숙

08-08
29755

최호용

08-02
29744

최호용

08-01
29731

이경숙

07-31