안녕하세요~
kboard 활용해서 홈페이지 잘 만들고 있습니다^^
지금 서브페이지마다 수직으로 메뉴를 만들다가 막혀서요.
http://sdsol.net/?page%20id=85 보시면
1차 메뉴가 Company , Product, Contact
2차 메뉴가 ASYST, Safety bar & Light Curtain , Smart comm™ & Tag Reader , E84 Tester
3차 메뉴가 ASYST Spartan Sorter/EFEM , ASYST Load Port , ASYST SMIF , ASYST Aligner
4차 메뉴가 3차 메늉니 ASYST Spartan Sorter/EFEM 에 포함된 ASYST Sorter/EFEM , Wafer Engine , DASA , Parts list
입니다.
그런데 보시는바와 같이 수직으로 된 메뉴는 1,2,3,4차 메뉴 구분없이 쭈욱 나열되어있어서
1~4차 메뉴별로 크기, 색상을 다르게 하고 2,3,4차 메뉴는 조금씩 들여쓰기를 하고 싶은데
어떻게 하면 좋을까요?
안녕하세요~^^
올려주신 페이지에서 메뉴를 뎁스 별로 사이즈 및 색상을 설정하고
하위 카테고리를 들여 쓰기 하시려면
워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에
아래의 코드를 추가해보시겠어요?
#maxmegamenu-2 ul ul { padding-left: 20px; }
#maxmegamenu-2 ul a { font-size: 26px; color: black; }
#maxmegamenu-2 ul ul a { font-size: 22px; color: blue; }
#maxmegamenu-2 ul ul ul a { font-size: 18px; color: red; }
#maxmegamenu-2 ul ul ul ul a { font-size: 14px; color: green; }
위의 코드에서 픽셀 값과 색상은 적절하게 조절해보시겠어요?
고맙습니다.
알려주신 위 코드를 그대로 적용했는데 안되는것 같습니다...^^;;;
브라우저의 캐시 문제는 아닌지 확인해보시겠어요?
크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R입니다.
추가로, 크롬 브라우저의 개발자 도구(F12 키)를 사용하시면
CSS 속성을 쉽게 찾을 수 있고 테스트해보실 수 있습니다.
고맙습니다.