코스모스팜 스레드

메인메뉴 색깔

메뉴마다 색깔을 다르게 입히고 싶은데 가능한가요?

http://jiwooglobal.cafe24.com

 

지금 검은색으로 되어있는데 각각 다른색을 입히고 싶습니다.

무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
무제한으로 웹사이트를 만드세요. (코스모스팜 무제한 라이센스)
  • 안녕하세요~^^

    말씀하신 메인 메뉴는 올려주신 페이지에서

    상단에 표시되는 메뉴를 말씀하시는 건지요?

    메뉴 글자 색을 각각 설정하시려면

    워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

    아래의 코드를 활용해보세요.

    /* COMPANY INTRODUCTION */
    #site-navigation-wrap .dropdown-menu>li.menu-item-93 .menu-link .text-wrap { color: black; }
    /* POLICY */
    #site-navigation-wrap .dropdown-menu>li.menu-item-92 .menu-link .text-wrap { color: blue; }
    /* PROMOTION */
    #site-navigation-wrap .dropdown-menu>li.menu-item-612 .menu-link .text-wrap { color: yellow; }
    /* ORDER FORM */
    #site-navigation-wrap .dropdown-menu>li.menu-item-137 .menu-link .text-wrap { color: green; }
    /* SHIPPING */
    #site-navigation-wrap .dropdown-menu>li.menu-item-233 .menu-link .text-wrap { color: #F44336; }
    /* in STORE */
    #site-navigation-wrap .dropdown-menu>li.menu-item-192 .menu-link .text-wrap { color: #E91E63; }
    /* Q&A */
    #site-navigation-wrap .dropdown-menu>li.menu-item-521 .menu-link .text-wrap { color: #9C27B0; }

    위의 코드에서 색상은 적절히 수정해보세요.

     

    크롬 브라우저 개발자 도구(F12)를 사용하시면

    CSS 속성을 쉽게 찾을 수 있고 미리 테스트해보실 수 있습니다.

    고맙습니다.

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