햄버거 버튼과 헤더 아이콘 색상을 변경하는 방법

개발
1

여러분 안녕하세요,

시해 봤는데 잘못된 코드들이 있습니다.
그리고 호버 박스의 모서리를 타원형으로 만들 수 있을까요?
도와주세요 :heart:

2

헤더 아이콘 색상 변경:

라운드 테마 컴포넌트 - 필요에 맞거나, 최소한 코드를 통해 어떻게 해야 하는지 아이디어를 얻을 수 있을 것입니다:

3

@Lilly 정말 감사합니다.
호버 시 색상 변경이 가능한가요? 그리고 호버에 테두리 반경(border radius) 코드를 어떻게 추가하나요?

4

@Lilly 저는 했어요! :slight_smile:

.d-header-icons a:hover {
background-color: #D93A00 !important;
color: white !important;
border-radius: 30px;
}

하지만 검색 버튼, 메뉴 버튼 및 아바타 쪽은 변경할 수 없어요.
메뉴 버튼, 검색 및 아바타에 대해 ".d-header-icons a:hover"와 같은 것을 어떻게 찾을 수 있나요?

5

필요하시면 드릴게요 :slight_smile:

.d-header-icons {
    .header-dropdown-toggle, .custom-header-icon-link {
        .icon {
            border-radius: 4px;
            .d-icon {
                color: white;
            }
            &:hover, &:focus {
                background: #223237;
                .d-icon {
                    color: white;
                }
            }
        }
        &.active .icon .d-icon {
            color: white;
        }
    }
}