nav 클래스 버튼의 호버 배경색 변경

안녕하세요, 이 토론을 찾았습니다:

내 상황에 맞게 적용해 보려고 했는데, 제 경우엔 네비게이션 버튼에 마우스를 올렸을 때 배경색을 변경하는 방법(활성 상태일 때가 아닌)을 알고 싶었습니다. 제 초라한 CSS 지식으론 부족했네요… 도움을 주시면 감사하겠습니다 :wink:

해당 주제는 오래되었으므로 아카이브로 이동하겠습니다…

주제 목록 위에 있는 필터 버튼의 호버 색상을 변경하려면:

다음과 같이 일부 변수를 사용하므로 이렇게 설정할 수 있습니다:

:root {
  --d-nav-bg-color--hover: #fab1ed; 
}

같은 방식으로 편집할 수 있는 이 내비게이션에 사용되는 변수 세트가 있습니다:

일반적인 참고 사항: Making custom CSS changes on your site

정말 감사합니다, @awesomerobot! 하지만 제 사용자 정의 CCS에 추가했는데도 변경 사항이 보이지 않습니다. "고정"된 색상도 시도해 봤지만, 역시 효과가 없었습니다.

:root {
  --d-nav-bg-color--hover: var(--quaternary); 
}

다음과 같이 시도해 볼 수 있습니다.


:root {
  --d-nav-bg-color--hover: var(--quaternary) !important; 
}

아니요, 여전히 변경이 안 되네요. 이상하네요.

CSS를 추가할 테마 컴포넌트를 만들었나요?

네, 제 다른 CSS 코드는 작동하고 있습니다:

저는 :root를 사용한 적이 없고 항상 클래스 이름을 사용했어요. 이제 한번 자세히 살펴봐야겠어요 :eyes:

저한테는 !important 없이도 잘 동작했어요..

어떻게 했어? :grin:

당신과 똑같아요.. 최신 버전의 상단에서는 아무것도 바뀌지 않았는데, 관리자 메뉴 항목과 사용자 설정 메뉴 항목이 변경되었어요

음, 제 경우에는 그 항목들에서 어떤 변화도 보이지 않네요. :confused:

황당한 질문일 수 있지만, 저장 버튼을 클릭하고 계신 건가요?

네, 맞아요.

꼭 필요하지는 않으니, 다른 누군가가 시도해 볼 때까지 기다려 보자… @Steven, 내 사이트에서 관리자 권한이 있으니 혹시 가능하면 시도해 줄 수 있겠어…

확인 차이지만, 사용 중인 테마에 해당 변경 사항이 적용된 테마 컴포넌트를 가지고 계신 거죠?

네, 저는 테마가 하나뿐입니다.

캐시 새로 고침(Ctrl/Cmd+Shift+R)을 시도하면 혹시 표시가 될까요?

변경 사항 없음.

자, 다른 두 개의 Discourse 사이트를 가지고 있어서 다른 사이트에서 테스트를 해봤는데… 성공적이었습니다!
이제 dessein-tech.com 사이트에서는 어떤 것이 그 모드와 충돌을 일으키고 있는 것 같습니다.

모든 구성 요소를 하나씩 비활성화해 보았지만, 효과가 없었습니다. :confused: