코스모스팜 스레드

서브메뉴 뎁스별 설정 문의

안녕하세요~
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 속성을 쉽게 찾을 수 있고 테스트해보실 수 있습니다.

    고맙습니다.

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)