맞춤 링크 메뉴의 글꼴 크기를 변경할 수 없습니다.

나는 css 클래스로 no-hover로 SANDUSKY라는 맞춤 메뉴를 만들었습니다. 그것은 탐색 메뉴 인 HOME, ABOUT, 갤러리, 상점, 연락처에 맞춰져 있습니다. SANDUSKY를 사용자 정의하고 싶었지만 색상과 글꼴을 변경할 수 있었지만 크기를 늘리거나 줄이지는 못했습니다. 크기는 탐색 메뉴와 동일합니다.맞춤 링크 메뉴의 글꼴 크기를 변경할 수 없습니다.

다음은 내가 사용한 코드입니다.

.no-hover a:link { 
 
    color: none !important; 
 
    font-size: 50px; 
 
} 
 

 
.no-hover a:visited { 
 
    color: none !important; 
 
} 
 

 
.no-hover a:hover { 
 
    background-color: transparent !important; 
 
} 
 

 
.no-hover a:active { 
 
    color: none !important; 
 
} 
 

 
.no-hover { 
 
    position: absolute; 
 
    left: -70px; 
 
    font-family: lucida handwriting; 
 
    font-weight: bold; 
 
    font-style: italic; 
 
}

<li id="menu-item-815" class="no-hover menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-815"><a href="link">SANDUSKY</a></li>

출처

2017-12-12 Mark Daniel

당신의 HTML를 기입하십시오 아래 코드에서이 두 글꼴 크기를 변경, 감사 – sol

가에 포함 pos 코멘트 위에없는 t. –

확인할 수있는 웹 사이트 URL이 있습니까? 아마도 변경 사항을 덮어 쓰는 CSS 규칙이 있지만 추측하기 어렵습니다. – MrShemek

font-size: 14px; & font-size: 16px; 내가

.no-hover a:link { 
 
    color: blue !important; 
 
    font-size: 150px; 
 
} 
 
.no-hover a:visited{ 
 
    color: none !important; 
 
} 
 
.no-hover a:hover { 
 
    background-color: transparent !important; 
 
} 
 
.no-hover a:active{ 
 
    color: none !important; 
 
    font-size: 130px; 
 
} 
 
.no-hover { 
 
    position: absolute; 
 
    left: -100px; 
 
    font-family: lucida handwriting; 
 
    font-weight: bold; 
 
    font-style: italic; 
 
    font-size: 50px!important; 
 
}

<li id="menu-item-815" class="no-hover menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-815"><a href="#">SANDUSKY</a></li>

출처

2017-12-12 11:11:53

-100px의 절대 위치 때문에 출력을 볼 수 없다는 것을 알고 있습니다. OP가 .no-hover 클래스의 글꼴 크기를 변경하려고 시도했지만 .no-hover a : 링크 클래스가 아닌 것으로 생각합니다. –

맞춤 링크 메뉴의 글꼴 크기를 변경할 수 없습니다.

답변

관련 문제