Como mudar a cor dos ícones do header com o botão hambúrguer?

Dev
1

Olá a todos,

Eu tentei, mas há códigos incorretos
E podemos fazer as bordas da caixa de hover ficarem ovais?
Por favor, me ajudem :heart:

2

alterando as cores dos ícones do cabeçalho:

componente de tema arredondado - pode atender às suas necessidades ou pelo menos dar-lhe ideias no código sobre como fazê-lo:

3 curtidas
3

Muito obrigado @Lilly.
Podemos mudar a cor para o hover? E o código do raio da borda, como posso adicioná-lo para hovers?

4

@Lilly Eu fiz! :slight_smile:

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

Mas não consigo mudar o botão de pesquisa, o botão de menu e o lado do avatar.
Como posso encontrar algo como “.d-header-icons a:hover” para o botão de menu, pesquisa e avatar?

1 curtida
5

Eu fiz se precisar :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;
        }
    }
}
3 curtidas