2014-12-01 16 views
0

현재 내 메뉴에서 마우스 오른쪽 버튼을 하이라이트로 추가하고 싶습니다. 드롭 다운 메뉴가 있습니다. 나는 최신 WordPress 버전이 있고 나는 oneengine 주제에 종사하고있다. 난 내가 구글에서 발견 한 몇 가지 제안에서이 문제를 추가하려고했지만 그것은 전혀 반응이없는 마우스 오버 - 더와 전혀 작동하지 않았다 : 여기Wordpress에서 드롭 다운 메뉴 선택을위한 마우스 오버시 하이라이트 추가하기

#navigation li:hover a { 
    background-color:#012A5E; 
    color:#F1F1F1; 
} 

및 메뉴와 관련된 코드 자체 내있는 style.css에서 :

#main-menu-top ul.sub-menu li a:hover, 
#main-menu-top ul.sub-menu li a:active { 
border-left-color:#ccc; border-bottom-color: transparent; 
} 
#main-menu-top .sub-menu { 
float: left; position: 
absolute; display: 
none; padding: 0; 
text-align: center; 
border: 1px solid #BDC3C7; 
border-top: none; 
background: black; 
z-index: 9999; 
} 
#main-menu-top li:hover ul.sub-menu { 
display: block; 
} 
#main-menu-top .sub-menu li { 
display: block; min-width: 100px; 
} 
#main-menu-top .sub-menu li a { padding: 10px 15px; 
} 
} 

또한 이러한 변화 만있는 style.css 변경을 필요로하는 않거나 나는 j.script 코드 aswell을해야합니까? 어떤 종류의 도움이라도 대단히 감사하겠습니다.

+0

[this] (http://demo.enginethemes.com/oneengine/) 테마를 사용하고 있습니까? 그렇다면'nav ul li : hover {background : red;}'를 사용해보십시오. – arshad

+0

@ArshadMuhammed 고마워요,하지만 어디서 삽입해야합니까? – Osama

+0

테마에 맞춤 CSS 페이지가 있습니까? – arshad

답변

0

테마에 맞춤 CSS 페이지가 있습니까? 그렇다면이 코드를 거기에 추가하십시오.
nav ul li:hover { background: red;}
사용할 수 없다면 Dashboard-> Appearance-> Editor로 이동하여 'Stylesheet (style.css)'파일을 선택하고 코드를 파일 끝에 추가하십시오. 그러나 이것은 눈부심이 있습니다. 앞으로 테마를 업데이트 할 때 모든 편집 내용을 잃을 가능성이 있습니다. 따라서 모든 변경 사항을 영구히 유지하기 위해 하위 주제를 만드는 것이 안전합니다. 아동용 테마에 대해 더 알고 싶으시면 this link을 참조하십시오.

관련 문제